【问题标题】: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 移动到包装器的最左边或最右边没有问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-07-03
      • 1970-01-01
      • 2012-09-27
      • 2010-12-29
      • 1970-01-01
      • 2015-11-01
      • 2014-06-13
      相关资源
      最近更新 更多