Android 为什么webkit浏览器会收缩手机上的一些浮动元素？

我正在尝试为一个web应用程序创建一个simlpe响应的布局，并在移动webkit浏览器上进行渲染。 它们以一种对我来说不可预测的方式收缩了一些浮动元素。 布局与Android上的桌面浏览器、Firefox和Opera配合得很好，但与Android上的Chrome和iOS上的Safari配合得不好，后者通过Kitkat智能手机进行测试，并在Android和苹果设备上用Chrome进行模拟：蓝色和橙色区域中的文本应与白色区域中的文本一样大 看起来我使用哪种CSS属性并不重要；我尝试了CSS表格、框、浮点数、flex框，最后是webkit框，结果都一样：页眉和页脚太小 这是Google脚本项目的一部分，所以很不幸，我无法控制viewport meta标记，但使用本地文件和标记快速尝试也无法解决问题。 以前有没有人经历过这种情况，并且知道如何修复它？

---

谢谢

moeffju的回答似乎与您的问题有关：

添加最大高度：999999像素；要防止字体增强的元素或其父元素

使用Chrome emulator并将此属性添加到白色区域中的p元素，使文本符合CSS字体大小。它使白色文本像蓝色和橙色一样小，而不是大。原来的尺寸很小

---

请参阅我链接到的原始答案的注释，以了解此操作的原因，以及使用此修复程序可能出现的问题的一些警告。我已经在几个网站上成功地使用了它，但在Safari上没有做太多的测试。

您的web应用程序是否使用了重置css