我被要求看一个奇怪的问题，但无法弄清楚。基本上
元素通常会跨越整个宽度，因为它们是块元素，但在某些页面上它们似乎不想要。我已经在默认的 ICS Android 和 Dolphin 上对此进行了测试，并且两者都在播放。 这个问题总结了问题，只有答案不起作用：Why won't the Android browser span this paragraph over the full browser width?
更新：一个奇怪的解决方案？如果我设置以下 CSS p{ background:#fff;它解决了问题，这可能会导致一些奇怪的问题。问题是，我需要背景是透明的。
【问题讨论】：
这是一个 hack，但我的解决方案是设置背景：url('');在我的段落和标题标签上。我需要我的背景是透明的，所以我不能设置颜色。
奇怪的设置背景：rgba(0,0,0,0);由于某种原因也不起作用？
如果您想安全并实际提供有效的图片网址，您可以使用：
背景: url(数据:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAASUVORK5CYII=);
这是一个 base64 100% 透明的单像素背景。
我会注意到，这种情况只有在我将视口设置为 640 时才开始发生，这样移动网站就可以适用于任何移动浏览器。
据我所知，这似乎是一个视口缩放无法正常工作的错误。
【讨论】：
background:url(''); 确实有效，并使android 上的标签获得了适当的宽度。安卓上的一个令人讨厌的错误！
url('') 一个给我带来了灰色问题，但我发现至少有两种其他方式：故意畸形的background: url(data:) 在古代平板电脑上没有渲染延迟，应该让其他浏览器跳过规则和如果你很绝望，还有background: rgba(255,255,255,0.01)
这是一次旅行。
我将我的 Android 设置为不自动调整页面，解决了这个问题。
然后我将手机设置为自动调整页面，在我的 css background: black; 中添加到我的 <p> 并且它已修复。
另一个奇怪的事情是，在我的样式表中，如果我设置p{ text-align: center}，<p> 会像我预期的那样一直跨越，我的手机设置为自动调整页面并且没有背景设置。我也做了text-align: right，按预期工作。然后我改了text-align: left，现在又坏了。这里非常非常奇怪的问题......
【讨论】：
<li> 标记也是如此。同样的问题。我通过在我的 CSS 样式表中添加 p, li {background: url('');} 解决了这两个问题。
【讨论】：
您可以简单地使用<span>，而不是使用<p>、<div> 或<td> 中的其他标签，就可以解决问题。似乎从android 4开始，默认的互联网浏览器有一些解释问题。我之前在 android 2 上测试过，它工作得很好，没有任何“调整”。
【讨论】：
根据这个问题和你之前的问题，似乎没有明显的理由说明它不应该起作用。但是，过去发生的事情是，如果您没有（在某些未命名的浏览器中）声明特定属性，则这些属性不会像应有的那样 inherit。
因为没有理由 <p> 应该以这种方式呈现，并且以前曾经是一个已知问题，我建议将 <body> 的 width 设置为 100%，因为它可能是失去继承权的情况。
编辑：替代
针对上述问题的另一个流行解决方案是将违规元素包装在具有指定 width 的类 container 的 <div> 中。两者都是典型的可行解决方案，可以显着提高跨浏览器的一致性。
希望这会有所帮助， 模糊逻辑
【讨论】：
floats
display:block 声明它们，但这太荒谬了。
我在 2 个不同的网站上遇到了同样的问题。我必须通过设置透明的 png 背景图像来解决这个问题。
在我的例子中，p 元素的宽度正好是设备屏幕的宽度——因此旋转设备会改变 p 元素的宽度。
即使在 p 上使用 !important 设置固定宽度也被忽略了！
【讨论】：
这可能不是您需要的答案，但我发现如果您提供 CSS display:inline; 属性而不是 display:block; 默认值，它就不会再跨越整个屏幕。我不完全确定这是否适用于 Android（我没有），但我的笔记本电脑上遇到了类似的问题，这解决了它。
【讨论】：
我找到了一个真正有效的解决方案！！这实际上是android浏览器“Auto-Fit Pages”中的一个设置。关闭它肯定会解决这个问题。
迈克
【讨论】：