以下配置文件在OSX和WinXp的主浏览器中保持居中。但是在iPad的左侧偏移,宽度缩短了右边的较大边距。
.wrapper {
width: 900px;
margin-right: auto;
margin-left: auto;
position: relative;
border: 1px solid #9B9B9B;
}
<body>
<div class="wrapper">
:
</div>
</body>
我有一个包含拇指的内联无序列表,没有java启用扩展到包装器之外的右侧。这些图像包含在正相对的div中。在浏览器上启用JavaScript后,页面就会居中。
同样,问题仅出在iPad和iPhone上。
有可能的原因吗?
答案 0 :(得分:1)
对于移动设备,所有div边界必须在禁用javascript的'.wrapper'中,以便左/右边距自动起作用。
一旦javascript执行,将div移动到包装器的最左侧或右侧就没有问题。