admin管理员组

文章数量:1558081

（一）谷歌默认的最小字体是12px,但是通常由于页面的需求我们需要使用更小的字体，解决方法如下：
（1）使用transform.scale()属性，需加上谷歌前缀：-webkit-
/这里的数字0.8，是缩放比例，可以根据情况变化。/

注意：sacle()只会缩放给定宽和高的元素，若

元素有背景的话，则其背景也会随着scale(0.8)缩放为原来的0.8倍大小的背景，为使其背景不发生变化，可以在

元素里面嵌入标签，对元素定义宽和高，但是要在css里面添加：display:block;使span变成块级元素。

（2）使用-webkit-text-size-adjust:none

但是在chrome更新到27版本之后就废弃了上面这个方法。所以在新版本浏览器里面看不到缩小字体的效果。

（3）IE和火狐浏览器是支持12号以及以下字体大小的，所以一般不会因为字体大小原因而影响页面布局
IE浏览器下的字体：

火狐浏览器下的字体：

本文标签： 浏览器字体大小解决方法最小字体

版权声明：本文标题：谷歌浏览器默认最小字体的解决方法以及各浏览器对字体大小的支持 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1727375223a1111625.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。