保证金左/右自动和900px宽度仅在iPad / iPhone上具有超宽边距定位

时间:2010-11-18 04:15:44

标签: iphone jquery html ipad html5

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

有可能的原因吗?

1 个答案:

答案 0 :(得分:1)

对于移动设备,所有div边界必须在禁用javascript的'.wrapper'中,以便左/右边距自动起作用。

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