2010-11-18 26 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移動到包裝器的最左邊或最右邊沒有問題。