如何让Chrome支持12px以下字体大小？

3 min read

在Chrome浏览器中，小于12px的字体可能会受到浏览器“最小字体大小”的限制。为了支持小于12px的字体，你可以尝试以下两种方法中的一种或两种：

  1. 通过CSS重置浏览器的字体大小限制：
body {
  -webkit-text-size-adjust: none;
}
  1. 使用JavaScript来覆盖该限制：
var style = document.createElement('style');
style.innerHTML = 'body {-webkit-text-size-adjust:none;}';
document.head.appendChild(style);

以上方法都是为了告诉Chrome浏览器，不要对小于12px的字体大小进行任何调整。请注意，这样做可能会降低可读性，因为某些用户可能在其系统设置中设置了更高的最小字体大小，从而使得这些字体变得更加模糊或难以辨认。