chrome 浏览器字体大小的问题
前段时间遇到过页面问题,在一个固定大小的容器中有一大段文字内容,别的浏览器都能正常显示完整,但是google chrome中却发现不能显示完成。追查到原因是设置了字体大小为10px,别的浏览器默认都支持,但是chrome默认情况下是不支持字体大小小于12px,如果小于这个,它会使用12px来代替。据说是为了人性化考虑才有此限制,因为通常字体小于12px看不太清楚,费眼睛。
人性化归人性化,但是还是需要使用12px以下的字体怎么办?很简单,只需要使用:-webkit-text-size-adjust:none; 即可。例如:
//针对某些特定容器不限制 .classname { -webkit-text-size-adjust:none; ... } //当前页面所有容器都不限制 *{ -webkit-text-size-adjust:none; }
欢迎转载,转载请注明文章出处,谢谢!
分类: web前端