簡體   English   中英

自動在iPad / iPhone上設置左右邊距自動寬度和900px寬度,並具有額外的邊距

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM