2012-07-18 61 views
1

這是我爲朋友製作的網站,但在iOS上查看時(iPhone & iPad),它的右側有額外的填充。我甚至從來沒有告訴它有填充,所以我甚至不知道我應該提供什麼樣的CSS代碼。我看着螢火蟲,但找不到任何東西。我的網站在iOS上的填充太多

這是它看起來像我的iPhone enter image description here

誰能告訴我爲什麼我的填充右邊是這麼多呢?

爲什麼鏈接WINERY是在第二行還有一個很好的理由?在Android和桌面瀏覽器上可以看到足夠的空間,但由於某些原因,它在iOS的第二行。

#access { 
    display: block; 
    float: right; 
    margin: 0 auto; 
    width: 600px; 
    margin-right: 20px; 
    margin-top: 70px; 
} 

任何幫助表示讚賞。

+0

你的元初始縮放/初始寬度標記是什麼樣的?對於移動設備,您不一定要設置靜態寬度。 – Brant 2012-07-19 00:17:10

+0

不確定你的意思。我在我的標記中只有「」。我曾嘗試過讓網站變得流暢,具有快速響應的設計,但是我放棄了IE的問題,並且迄今爲止還沒有使用靜態大小的問題。 – kia4567 2012-07-19 00:50:40

回答

0

您是否試圖讓寬度更大?我發現在我的設計中,有時寬度在iOS上呈現略微不同,我通過稍微擴大寬度來解決這個問題。

此外,如果您使用列表來顯示該導航菜單,我發現減少<li>元素上的填充或邊距(如果有)可以幫助解決問題。

+0

你在說什麼寬度?我爲該網站的任何包裝的寬度?我的確嘗試減少填充和邊距,但對我的導航沒有任何幫助。 – kia4567 2012-07-18 23:39:36

+0

包含導航菜單的容器的寬度,我認爲這是您在上面顯示的「#access」...查看是否使它大於600px有助於任何操作。 – 2012-07-19 20:10:31