[英]Margin left/right auto and 900px width is positioning with extra wide margin on the iPad/iPhone only
以下配置文件在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中。
可能有這個原因嗎?
對於移動設備,所有div邊界都必須在禁用了JavaScript的'.wrapper'內,以使左右邊距自動工作。
JavaScript執行后,將div移動到包裝器的最左側或最右側就沒有問題。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.