CSS font-size 属性用于设置字体大小. 在实际的开发中, 有时会发现 font-size 属性不管用了, 设置的字体大小是无效的. 这是什么原因? 怎么解决? 下面本篇文章给大家介绍一下.
font-size 设置字体大小样式失效原因与解决方法
1, 设置过小字失效
但字体设置小于 12px 后, 有的浏览器将不支持.
如:
font-size:11px
字体大小设置为 11px 因为小于 12px 所以有的浏览器将不支持小于 12px 字体.
解决方法:
尽量设置大于或等于 12px 的字体大小.
2, 设置大小为单数 (奇数) 值失效
font-size:13px
有的浏览器显示正常, 有的浏览器失效还是显示为 12px 大小.
font-size:15px
有的浏览器显示 15px 大字体大小, 有的浏览器依然失效显示 14px 字体大小.
font-size 失效原因: 以上均为单数 (奇数) 值, 如 13,15,17,19,21,23 等. 单数 (奇数) 值字体大小将有的浏览器失效.
解决方法:
很少有人设置字体大小为单数值, 一般 div CSS 布局时字体大小样式要设置为偶数值 (12,14,16,18,20,24) 达到兼容各大浏览器.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/16863.html