【转】chrome浏览器最小字体大小为12px的问题

原文地址：chrome浏览器最小字体大小限制的解决方案

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以下的字体

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容