chrome最小字体限制的问题如何处理？教你两种方法

发布时间：2022-11-12 11:20:14 所属栏目：编程来源：

导读：　　chrome最小字体限制的问题如何解决？一些朋友可能知道Chrome 默认最小字体是12px，这样的设计也是出于为了更好显示中文，但是这样的设计也有一个坏处，就是可能会出现某些上标、下标字体过大的情况，这对于用户体

　　chrome最小字体限制的问题如何解决？一些朋友可能知道Chrome 默认最小字体是12px，这样的设计也是出于为了更好显示中文，但是这样的设计也有一个坏处，就是可能会出现某些上标、下标字体过大的情况，这对于用户体验并不好，那么我们有没有什么解决方法呢？接下来给大家分享两种方法，感兴趣的朋友可以了解看看。
　　
　　1-针对谷歌浏览器加前缀进行适配
　　
　　html{
　　　　-webkit-text-size-adjust:none;
　　　　}
　　给html标签加上下面一个属性，然而，当我打开浏览器时，发现并没什么用，后来发现这个属性在chrome 27版本以后被废弃了，可真烦呢！
　　
　　2-利用css3的transform属性
　　
　　<div class=""small-font>这是一段文字</div>
　　.mini-font{
　　 font-size: 12px;
　　 -webkit-transform-origin-x: 0;
　　 -webkit-transform: scale(0.90);
　　}
　　这种方法是利用了css3的缩放属性，即：将文字大小整体缩小为原来的0.9倍，但是有一个硬伤，他只是缩小了文字的大小，并不能将文字所占的区域大小缩小，即无法缩小元素的width和height，这就很难受了
　　
　　3-最终解决办法！！！！从浏览器设置入手
　　
　　尝试了前2种方法，我发现并没有用，无奈我使用了手机模拟器器进行调试，发现可以将字体设置为10px或者更小，于是乎我就在思考是不是谷歌浏览器本身限制了最小字体大小？？？于是乎，我打开浏览器，开始慢慢摸索，终于找到根治的办法了.

（编辑：PHP编程网 - 湛江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

什么是生成树生成树	Python __repr__ 方法
C++ static静态成员变	C++继承时的名字遮蔽问

chrome最小字体限 制的问题如何处理？教你两种方法

chrome最小字体限制的问题如何处理？教你两种方法