android - 样式不正确，除非应用了背景颜色

Question

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

我有一个奇怪的困难。在一个 div 容器中，我有一个 <p>那应该填充 div 的宽度。我试过了 width:auto , width:100% ...在 Android 浏览器上似乎没有任何效果。以下是示例:

iOS(正确):

Android(不正确；未完全传播；添加了比 iOS 版本更多的文本，以便您明白我在说什么):

两个截屏均来自各自的模拟器。

但奇怪的是...如果我给这些类应用<p>的背景颜色，Android 浏览器然后允许 <p>填充其父 div 的整个宽度(看起来与 iOS 相同)。不过，真正奇怪的部分是，如果我将背景颜色设置为透明(我以为我被骗了，哈哈)，然后它又回到示例中所示的方式。

所以，我有一个 <p>只有在应用了背景颜色的情况下才正确引用它的 CSS ...我是在愚蠢地忽略某些东西，还是 Android 浏览器存在一些问题？有什么解决办法吗？

感谢您的宝贵时间。

Answer 1

虽然这可能不是最好的解决方案，但我最终只是制作了一个“不可见”的透明 png 并将其设置为 <p>的背景，这解决了问题……如果你可以称之为修复的话。 :) 我不得不假设这是 Android 浏览器中的某种错误，因为我在每个浏览器、桌面和移动设备上都尝试过。