2010-11-18 29 views
0

以下配置文件将主要浏览器保留在OSX和WinXp中。但在iPad左侧偏移,右侧的宽度缩小。保证金左/右自动和900px宽仅在iPad/iPhone上进行额外宽裕的定位

.wrapper { 
    width: 900px; 
    margin-right: auto; 
    margin-left: auto; 
    position: relative; 
    border: 1px solid #9B9B9B; 
} 

<body> 
    <div class="wrapper"> 
    : 
    </div> 
</body> 

我有一个内联无序列表,其中包含启用了w/o java的大拇指向外扩展到右边。这些图像包含在相对正的div中。在浏览器上启用JavaScript后,该页面将居中。

同样,问题只出现在iPad和iPhone上。

有没有可能的原因呢?

回答

1

对于移动设备,所有的div边界必须适合JavaScript禁用的'.wrapper',以便保证左/右边距自动工作。

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