码迷,mamicode.com
首页 > Web开发 > 详细

CSS进阶(十三)font-size

时间:2018-10-20 14:56:45      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:无法   缩放   响应式   响应   单位   影响   汉字   支持   高度   

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

 

CSS进阶(十三)font-size

标签:无法   缩放   响应式   响应   单位   影响   汉字   支持   高度   

原文地址:https://www.cnblogs.com/goOtter/p/9821310.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!