Chrome浏览器下CSS字体大小设置小于12px无效问题

这个问题可能是由于Chrome浏览器默认的最小字体大小设置引起的。Chrome浏览器在默认情况下将最小字体大小设置为12px，如果您的CSS设置的字体大小小于12px，那么浏览器会自动将字体大小设置为12px，从而导致您的CSS设置无效。

要解决这个问题，您可以通过在CSS中添加以下代码来覆盖Chrome浏览器的默认设置：

body {
    -webkit-text-size-adjust: none;
}

这个CSS属性可以防止浏览器自动缩放字体大小，从而保证您的CSS设置生效。如果您只想禁用Chrome浏览器的最小字体大小限制，可以使用以下代码：

body {
    -webkit-text-size-adjust: 100%;
}

这将使Chrome浏览器按照您的CSS设置显示字体大小，而不是自动将其缩放到12px。

相关问题

css如何设置字体不随浏览器缩放变换

要阻止字体随浏览器缩放变换，你可以使用 CSS 的 `text-size-adjust` 属性。这个属性可以控制文本的大小调整。以下是一个示例：

body {
  -webkit-text-size-adjust: none; /* Chrome, Safari, Opera */
  -moz-text-size-adjust: none; /* Firefox */
  -ms-text-size-adjust: none; /* Internet Explorer */
  text-size-adjust: none; /* 标准语法 */
}

在上面的示例中，我们将 `text-size-adjust` 属性设置为 `none`，这会禁止浏览器自动调整文本大小来适应缩放。我们还使用了浏览器厂商前缀来确保兼容性。

将上述 CSS 代码应用于你的 HTML 文档中的 `body` 元素或其他包含文本的父元素，以防止字体随浏览器缩放变换。请注意，这并不是一种推荐的做法，因为它可能会导致无法满足无障碍性要求和用户体验问题。在某些情况下，用户可能需要调整文本大小以满足其需求。

如何让浏览器字体支持12px以下

可以使用CSS中的字体平滑处理来优化小字体的显示。这个处理可以通过在CSS中设置以下属性来实现：

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

其中 `-webkit-font-smoothing` 属性适用于 WebKit 内核浏览器（比如 Chrome、Safari），`-moz-osx-font-smoothing` 属性适用于 Firefox 等浏览器。这些属性可以让小字体更加清晰，同时也可以减少字体在屏幕上的抖动。另外，还可以通过使用更清晰的字体，比如 sans-serif 字体来提高小字体的清晰度。