android - 在 Android 上通过 Firefox 查看时，网页上的文本变得很大

Question

我的网站上有以下内容:

<div style="font-size: 11px; line-height: 17px; text-align: left;">
        <p>lorem ipsum etc etc</p>
</div>

如您所见，字体大小设置为 11px。当然，它在所有浏览器中都显示为 11px，因为没有理由不这样做。查看“检查元素”，没有冲突的样式或任何内容。内联 font-size: 11px; 就是全部。

但是，由于某些我无法理解的原因，Android 版 Firefox 中的文本很大。我的意思是巨大到破坏页面布局的程度。

起初我认为这可能是我的 Firefox 中的设置有问题，但没有。我试过几个设备，都是一样的。浏览器中有一个选项可以调整文本大小，还有一个“字体膨胀”选项，但即使将其设置为最小尺寸，该段落仍然很大。

该网站的大部分内容看起来都不错，只是这一段和其他几段被夸大了。它们都设置了字体大小。

有什么想法吗？

Answer 1

我可以通过指向处理这些字体样式的 css 文件的链接更好地解决这个问题，但没有看到我可以建议您尝试使用 em 单位，看看您是否有更多的运气。

在 CSS 中使用 em 的解释 + 示例 -

EM units for font size

除此之外，所有浏览器都无法以相同方式支持字体系列，或者可能是某些使用 moz(适用于 firefox)和 webkit(适用于 chrome)的浏览器特定样式的问题。