自动在iPad / iPhone上设置左右边距自动宽度和900px宽度，并具有额外的边距

Question

以下配置文件在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中。

可能有这个原因吗？

Answer 1

对于移动设备，所有div边界都必须在禁用了JavaScript的'.wrapper'内，以使左右边距自动工作。

JavaScript执行后，将div移动到包装器的最左侧或最右侧就没有问题。

自动在iPad / iPhone上设置左右边距自动宽度和900px宽度，并具有额外的边距

问题描述

1 个解决方案

解决方案1
1 已采纳 2010-11-20 19:48:12

自动在iPad / iPhone上设置左右边距自动宽度和900px宽度，并具有额外的边距

问题描述

1 个解决方案

解决方案1 1 已采纳 2010-11-20 19:48:12

解决方案1
1 已采纳 2010-11-20 19:48:12