2012-07-06 18 views
1

一個大右緣我已經檢查過了我的網頁上,無法弄清楚什麼是給我的網站在iOS的一個大右緣。這讓我瘋狂。我試過設置溢出:隱藏;在身上無濟於事。沒有比960px寬的東西。這是一個非常靈敏的設計,除了這一件令人生氣的事情之外,一切都運行良好。這裏是URL到開發站點:http://ourcityourstory.com/dev/網頁已在iOS的

請參見附件截圖:iOS displaying large right-margin on webpage

任何幫助,將不勝感激。

更新:我已經試過與視嘴硬。請參閱this Stackoverflow發佈。但無濟於事。我內置整個網站關閉的HTML 5 Boilerplate

+0

WORKSFORME。 – biziclop 2012-07-06 08:04:56

+0

@biziclop你拖了嗎?它呈現全屏和罰款,但如果向左或向右拖動,則會出現水平滾動條。 – 2012-07-06 13:19:15

+0

它也不能拖動向左或向右:iPhone模擬器4.3:iPhone 4.0.2,4.3,iPhone模擬器3.1:iPhone 3.1.2你不是因爲你的問題更新了嗎? – biziclop 2012-07-06 13:28:56

回答

0

的罪魁禍首是Facebook的分享按鈕。它的行爲不像Twitter或Pinterest,它的內置框架和500px的身體設置寬度!

簡單overflow: hidden;.social類解決了這個問題。

3
 html,body 
{ 
    width: 100%; 
    height: 100%; 
    margin: 0px; 
    padding: 0px; 
    overflow-x: hidden; 
} 

添加到您的CSS。那麼它應該在的iOS模擬器工作正常