左/右边距自动和 900px 宽度仅在 iPad/iPhone 上以超宽边距定位答案

【问题标题】：Margin left/right auto and 900px width is positioning with extra wide margin on the iPad/iPhone only左/右边距自动和 900px 宽度仅在 iPad/iPhone 上以超宽边距定位
【发布时间】：2010-11-18 04:15:43
【问题描述】：

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

有没有可能的原因？

【问题讨论】：

标签： iphone jquery ipad html

【解决方案1】：

对于移动设备，所有 div 边界都必须适合 '.wrapper' 并禁用 javascript 才能使左右边距自动工作。

一旦 javascript 执行，将 div 移动到包装器的最左边或最右边没有问题。

【讨论】：