手機網站 - 右邊

我有一個移動網站，我在右側面對的空白區域（當我滾動頁面的左邊），你可以看到下面的空白區域：手機網站 - 右邊

1 - 正常頁：

enter image description here

2 - 滾動頁面向左：

enter image description here

所有網頁的內容在裏面Ø f「容器」ID。該網站被劃分爲5個div，稱爲「secao」。

body{ 
    background-color: #323031; 
    padding: 0; 
    margin: 0; 
    font-family: Planer; 
    color: #FFF; 
    font-size: 10px; 
    overflow-x: hidden; 
} 

html, body { 
    height:100%; 
} 

#container{ 
    width: 100%; 
    display: none; 
} 

.secao{ 
    position: relative; 
    float: left; 
    width: 100%; 
}

如果我改變.secao CSS插入邊界：1px的固體紅，我知道了：

enter image description here

在這裏你可以找到的網站：http://www.camona.com.br/ideaos/site/laboratorio/mobile/

能否請你幫我找到解決這個問題的辦法？

謝謝。

來源

2014-03-02 Alan Gularte

Looks like your FB like iframe正在增加頁面寬度。可能會有更多這樣的東西增加寬度。

來源

2014-03-02 18:52:11

嗨馬可！我刪除了FB的喜歡和問題繼續... –

我按照你的建議，並認識到「CAMONA」div增加頁面寬度。謝謝！ –

@ALANGULARTE對於沒有迴應的問題抱歉，但有時會瀏覽所有頁面元素並檢查它們的寬度是解決這些類型錯誤的最佳方法 –

如果您還沒有準備好，把

<meta name="viewport" content="width=device-width, initial-scale=1.0">

在<head>部分應該做的伎倆。如果您想在這裏閱讀更多信息，請點擊：https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html。

來源

2014-03-02 18:13:18 user3088902

嗨！我已經設置了這個元標記... –

手機網站 - 右邊

回答

相關問題