我的页面内容有一个位于中心位置的容器，名为#main。它的位置绝对是因为我想要容器上方的一些空间。因此，居中使用负边距和 left:50% 而不是使用 margin:auto。问题是，在我的 Android 平板电脑上，无论是 Chrome 浏览器还是股票浏览器，网站都会向左移动。这是不可能的，因为 CSS 应该把它放在中间。
#main
{
position: absolute;
color: black;
left: 50%;
margin-left: -475px;
margin-top: 40px;
width: 950px;
height: 1600px;
background: #6B6B6B;
border: solid 1px black;
box-shadow: 10px 10px 10px #444444;
}
有趣的是，我刚刚从上面删除了负左边距代码。在除我的 Android 选项卡之外的所有内容上，它都按预期呈现，容器位于浏览器窗口的中间。在我的 Android 上，它紧贴窗口的右侧。我猜如果你从这个位置执行-475px，这会导致左偏移。但是，为什么主容器在边距移回之前不只是溢出右边缘？为什么剩下的 50% 不会导致剩下的 50%？
一如既往地欣然接受所有讨论和建议。
编辑：更多信息，刚刚尝试删除绝对位置，左 50% 并使用边距：自动。主容器仍然在左侧。