CSS进阶(十三)font-size
line-height 的数值属性值和 百分比值属性值都是相对于 font-size
ex是x字符的高度
em
在 CSS 中,1em 的计算值等同于当前元素所在的 font-size 计算值,可以将 其想象成当前元素中(如果有)汉字的高度
rem
root em CSS3单位 ie9上支持
使用svg矢量图时,建议使用em作为单位,这样不论和大文字还是小文字在一起,都能和文字大小保持一致
font-size关键字属性
font-size设置px,用户设置浏览器字体不会有变化,设置百分比,用户设置浏览器字体会影响布局,而使用medium(对应16px),就能解决上述的问题
(1)传统的定宽桌面,也需要进行响应式处理,1200-800,可以保证至少有1.5倍的缩放空间,响应浏览器的字体号就可以忽略
(2)如果困各种原因无法做响应式处理,也没有必要全局都使用相对单位,毕竟成本等现 实问题摆在那里,其实只需要在图文内容为主的重要局部区域使用可缩放的 font-size 处理 即可。与文字内容相关的地方建议摒弃px
font-size:0
chrome下有一个12px的根字号限制,但font-size:0不受影响,可以用来隐藏文字