chrome有最小字体大小12px的限制，以前可以用-webkit-text-size-adjust：none来解决。但是chrome27以后就不支持了，而且很影响用户体验。我们可以巧用transform来显示小于12px的字体。代码如下：
.font-6px{
transform: scale(0.5);
font-size: 12px;
}
思路很简单，要显示6px的字体，就把字体大小为12px,然后用transform缩小到原来的50%。字体实际显示大小就是6px了。至于transorm的兼容性，这里就不多说了。
这是一种解决方案
但是最好还是不要用12px以下的字体
原文地址：chrome浏览器最小字体大小限制的解决方案 chrome有最小字体大小12px的限制，以前可以用-we...
浏览器兼容性的解决方法 1.在有的浏览器中，默认字体大小为12px,所以在设字体大小的时候，最小设为12px，如果...
写页面的应该都知道Chrome浏览器默认情况下的字体最小为12px，如果你要设置某字体大小为10px的话，你会在C...
chrome有最小字体大小12px的限制，以前可以用-webkit-text-size-adjust：none来解...
1、字体font-size:一般我们常用的字体大小为12px 14px 16px，【注】谷歌浏览器支持的最小...
chrome浏览器字体默认16px 最小12px em rem rem适配 viewport 1物理像素的实现
大家都知道，浏览器默认的最小字体为12px，所以你设置成9px，浏览器也会当做最小的12px来显示。那么如何显示9...
一、针对谷歌浏览器最小字体为12px无法继续缩放的问题 项目中要设置未读消息提示，字体需要比12px还要小，可是在...
1，浏览器默认字体大小是font-size：16px；谷歌最小字体是10px，其他浏览器是12px 2.选择器 通...
css chrome 12px问题
本文标题：【转】chrome浏览器最小字体大小为12px的问题
本文链接：https://www.haomeiwen.com/subject/xbmynttx.html
网友评论