DIV寬度90％，用5％的填充創建在iPad

右邊界當我做出DIV具有的100％
的寬度和該div內部I將另一個DIV與90的寬度％，它有一個填充5％（總共100％）它創建一個邊界在屏幕的右側。DIV寬度90％，用5％的填充創建在iPad

到目前爲止，這個'錯誤'只在iPad上（1和第一視網膜）。不在桌面上。而不是在移動Android上。

當我刪除

<meta name="viewport" content="width=device-width" />

或者視任何相等於我沒有這個問題。但它當然必須在那裏。

這是正常的行爲嗎？或者我偶然發現了某種錯誤？

在網站上，我用Eric的Meyer的 CSS復位，
上我使用* {保證金/填充}復位小提琴。如果那必須做任何事情

我感謝你的幫助！ :)

http://jsfiddle.net/Empi/h7ck6/

http://migueldebruyne.be/test/

來源

2014-03-07 Empi

這有點奇怪。我有一臺iPad Air，它確實似乎導致了右邊的邊界。不應該像你說的那樣......很奇怪，不確定會導致什麼，但我猜它是某種錯誤。 – Ruddy

您可以應用box-sizing: border-box;和width: 100%;到內部的div

* { 
    margin: 0; 
    padding: 0; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

#container { 
    width: 100%; height: 100%; 
    background-color: red; 
} 

#aDiv { 
    width: 100%; 
    padding: 5%; 
    background-color: blue; 
}

一個例子：http://jsfiddle.net/h7ck6/2/

我不能在您的演示現場測試此但在jsfiddle似乎在ipad上工作

來源

2014-03-07 08:14:31

事實上，這個解決方案的工作原理！我不喜歡這樣一個事實，即我必須改變我正在開發的項目上的所有內容，只是爲了修復iPad上的這個bug。但現在這是好的:) – Empi

DIV寬度90％，用5％的填充創建在iPad

回答

相關問題