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不受影响,可以用来隐藏文字

猜你喜欢

转载自www.cnblogs.com/goOtter/p/9821310.html
今日推荐