Html CSS字体大小问题（Android上的Chrome）

我有下面的HTML（也在中）。当我在Android设备上的Chrome浏览器中查看时，它看起来很好

这是一个标题
正文

一些长文本


一些长文本

一些长文本

这个问题是由Chrome for Android实现的“字体增强”造成的（一般来说，这可能适用于webkit浏览器，但我在其他任何地方都没有遇到过这个问题）

基本上，为了在移动浏览器上增加网页的易读性，Chrome会自动神奇地增加段落的字体大小（这样用户就不必放大阅读）。但是，这仅适用于超过一定长度的段落，导致较长的段落在其上下文中以更大的字体显示

这不能在Chrome中禁用。但是，有几个可能的修复（在中讨论）可以应用，以阻止它尝试“增加”字体大小。这些通常归结为：

1。明确指定

元素的高度尺寸。

这可以通过将

最大高度：999999 px

或

最小高度：1px

应用于段落来实现。然而，据报道，这会导致某些浏览器（如Safari）出现缩放问题

2。明确指定图幅的尺寸。

在

部分中添加以下标记可执行以下操作：

<meta name="viewport" content="width=device-width, initial-scale=1">

---

这将禁用字体增强功能，并修复原始问题中的问题。

在我看来是一样的。@Joshua，你检查过小提琴了吗？奇怪的是，当我查看SE代码片段（在Android上使用Chrome）时，它们看起来都一样。即使是相同的HTML，小提琴也不会。对我来说，chrome与to代码之间的唯一区别是“一些长文本”的数量。除此之外，对我来说一切都是一样的。我看不出桌面电脑上的Chrome有什么问题，只有安卓手机上的Chrome有问题。你试过html*{max height:1000000px；}吗？不在p标记上，但使用此选择器，html*