<p>样式不正确，除非应用背景颜色</p>

Question

我正在开发一个移动网站，所以我正在使用CSS让事情变得尽可能流畅。

我有一个奇怪的困难。在div容器中，我有一个<p>，它应该填充div的宽度。我已经尝试了width:auto，width:100% ...似乎没有什么可以在Android浏览器上运行。以下是示例：

iOS（正确）：

Android（错误;未完全传播;添加的文字多于iOS版本，因此您可以看到我在说什么）：

两张截图均来自各个模拟器。

这是奇怪的事情，但是......如果我将该类应用于这些<p>'背景颜色，则Android浏览器允许<p>填充其父级的全部宽度div（看起来与iOS相同）。然而，真正奇怪的部分是，如果我使背景颜色透明（我以为我曾经欺骗过lol），那么它会回到如示例中所示的那样。

所以，我有一个<p>只能正确引用它的CSS，如果它应用了背景颜色......我愚蠢地忽略了什么，或者这是Android浏览器的一些问题？任何想法如何解决它？

感谢您的时间。

Answer 1

虽然它可能不是最好的解决方案，但我最终只是做了一个＆＃34;隐形＆＃34;透明png并将其设置为<p>的背景，这解决了问题...如果你可以调用它修复。 :)我必须假设它在Android浏览器中出现了某种错误，因为我在每个浏览器，桌面和移动设备上都尝试过这种错误。

Answer 2

这是Android手机的预期行为。它将增强复制文本的可读性，因为如果你捏缩放页面，你不会被迫侧向滚动。

可以在浏览器的设置中使用自己的手机进行管理，但这不是您想要的解决方案。

可以通过将背景图像应用于所需元素的解决方法来“修复”。

这可以使用base64编码的数据url：

来完成

background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);

Answer 3

在移动浏览器的设置中，查找名为“自动调整页面”的内容并将其禁用。此设置（在Android中）默认为ON。关闭它，你的文本将按照它应该流动。

Answer 4

div或此

之上的任何元素都可能成为问题。

如果给p元素赋予固定宽度，它是否可以正常工作？