<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

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