css font-size属性用于设置字体大小。在实际的开发中,有时会发现font-size属性不管用了,设置的字体大小是无效的。这是什么原因?怎么解决?下面本篇文章给大家介绍一下。
css 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)达到兼容各大浏览器。
更多前端开发知识,请查阅 HTML中文网 !!