簡體   English   中英

網頁在iOS中有很大的右邊距

[英]Webpage has a large right-margin in iOS

我已經檢查了我的頁面上的所有內容,無法弄清楚是什么讓我的網站在iOS中有一個很大的右邊距。 這讓我瘋狂。 我試過設置溢出:隱藏; 對身體無濟於事。 沒有什么比960px寬。 這是一個非常敏感的設計,除了這一個令人氣憤的事情之外,一切都很好。 以下是開發站點的URL: http//ourcityourstory.com/dev/

請參閱附件截圖: iOS在網頁上顯示大的右邊距

任何幫助,將不勝感激。

更新:我試過愚弄視口。 請參閱 Stackoverflow帖子。 但無濟於事。 我從HTML 5 Boilerplate構建了整個站點

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

將其添加到您的CSS中。 那它應該工作正常

罪魁禍首是Facebook分享按鈕。 而不是表現像Twitter或Pinterest它iframes並設置500px的身體寬度!

一個簡單的overflow: hidden; 在我的.social類上解決了這個問題。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM