想把网站的默认字体12px改小一点,我心想这有什么难的,哪知,改css的时候,
谷歌浏览器中font-size小于12px时,字体就不会再缩小了。当时我的第一反应就是会不会是其他css把字体覆盖了。结果看了半天也没发现。于是,只
百度一下了,结果还真让人大吃一惊:原来
谷歌以及
谷歌内核的浏览器在中文语言下最小字体只能是12px。不知道这算是一个bug还是谷歌人性化的设计。不管那么多了,反正要解决这个问题呀~既然这是一个经典的兼容性问题,一定有很多解决方法吧。以下是解决办法:在css中加入如下代码
-webkit-transform-origin-x:0;-webkit-transform:scale(0.90);
利用css3的缩放,其最终大小就是:12px* 0.9(缩放比例)=10.8px;
End
温馨提示:如果您对本文有疑问,请在本页留言即可!!!
留言/评论:◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。