iPhone在響應式佈局上忽略了機身邊距

我們的響應式設計存在問題。我們使用這種風格的移動設備上提供響應主題：iPhone在響應式佈局上忽略了機身邊距

body { 
    margin-left: 10px; 
    margin-right: 10px; 
    overflow-x: hidden; 
    max-width: 90%; 
}

下面你可以看到iOS版Broswer和Chrome之間的差異：

enter image description here

來源

2012-04-15 Andrei

使用保證金？ – mddw 2012-04-15 17:02:46

試過了。我得到同樣的東西。 – Andrei 2012-04-15 19:19:26

您是否設置了視口？ – mddw 2012-04-15 19:33:02

它曾與百分比：

body { margin-left: 5%; margin-right: 5%; overflow-x: hidden; max-width: 90%; margin: 0 auto; }

來源

2012-04-15 20:08:32 Andrei

我剛剛嘗試過你的第一個代碼（帶有px餘量），它工作。所以你的問題必須在你的代碼的另一部分。 – mddw 2012-04-15 20:11:25

這很奇怪。我最終設法修復它是件好事。 – Andrei 2012-04-15 22:21:00

這是沒有意義的申請保證金，以您的身體，因爲它是最外面的元素。相反，你應該使用填充。

來源

2012-04-15 17:01:40

使用過這個： body { \t padding-left：10px; \t padding-right：10px; \t overflow-x：hidden; \t max-width：90％; \t margin：0 auto; } 和我得到同樣的事情。 – Andrei 2012-04-15 19:21:50

根據這個古老的博客文章Body padding and margin，不同的瀏覽器將以不同的方式處理正文元素的邊距和填充。如果今天仍然存在這種差異，我不會感到驚訝。也許0汽車：

來源

2012-04-15 18:21:42

iPhone在響應式佈局上忽略了機身邊距

回答

相關問題