android - margin : 0 auto on mobiles always sets margin background-color to element background-color

Question

很难制定一个简短的标题。发生的情况是，居中的 div 的背景颜色延伸到屏幕的左右边缘，并且 body 的背景颜色被忽略或覆盖。

我为此使用了 twentythirteen 主题 document .

它设置一个小于全宽的宽度，并使用 margin:0 auto 使内容 div 居中。

在我们的 Iphone 和 Android 应用程序的标准 native Web View 组件中，自动边距(左侧和右侧)不会变为主体的背景色，而是白色。在内容 div 中的元素之间，正确的背景颜色显示在它们的边缘。

此外，Android 上的 Chrome 显示相同的白色边距。

两个领先的操作系统开发人员是否决定他们各自的套件应该这样做，或者正在发生什么？请注意，CSS 验证器会抛出数百个错误 - 好吧，从头开始编写合适的主题不在该元素的预算内。

如果您可以链接到一个网页，我可以让网页 View 加载并检查。

Answer 1

background-color 设置在几个类上。

.entry-header, .entry-content, .entry-summary, .entry-meta {
    background-color: #ffffff;
    margin: 0 auto;
    max-width: 604px;
    width: 100%;
}

删除 background-color 问题将得到解决。