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

Question

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

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

iOS（正确）：

正确的方向

Android（不正确；未完全传播；添加了比 iOS 版本更多的文字，因此您可以看到我在说什么）：

在此处输入图像描述

两张截图均取自各自的模拟器。

不过，这是奇怪的事情......如果我将类应用于这些背景颜色，Android 浏览器将允许填充其父 div 的整个宽度（看起来与 iOS 相同）。然而，真正奇怪的部分是，如果我让背景颜色透明（我以为我被欺骗了哈哈），那么它就会回到示例中所示的状态。

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

谢谢你的时间。

score 5 · Accepted Answer

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

score 2 · Accepted Answer

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

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

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

这可以通过 base64 编码的数据 url 来完成：

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

score 1 · Accepted Answer

在您的移动浏览器的设置中，查找名为“自动调整页面”的内容并将其禁用。此设置（在 Android 中）默认为开启。将其关闭，您的文本将按应有的方式流动。

score 0 · Accepted Answer

div 或上面的任何元素

可能是问题所在。

如果你给 p 元素固定宽度，它工作得好吗？

4 回答 4