美文网首页前端面试基础必备web前端 pc h5 浏览器
chrome浏览器最小字体大小限制的解决方案

chrome浏览器最小字体大小限制的解决方案

作者: puxiaotaoc | 来源:发表于2018-09-13 23:08 被阅读13次

           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的兼容性,这里就不多说了;

    相关文章

      网友评论

        本文标题:chrome浏览器最小字体大小限制的解决方案

        本文链接:https://www.haomeiwen.com/subject/xlfngftx.html