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浏览器设置小于12px字体的问题,本文介绍了一种利用transform属性缩放字体的方法,以此实现小于默认最小限制的字体显示,提高了网页设计的灵活性。

1308

被折叠的 条评论
为什么被折叠?



