前端面试基础必备web前端 pc h5 浏览器

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

2018-09-13  本文已影响13人  puxiaotaoc

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

上一篇下一篇

猜你喜欢

热点阅读