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)达到兼容各大浏览器。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。