網站在iPhone和iPad上顯示20px填充

我爲我的網站創建了一個測試頁面，幾乎可以去除所有內容，但仍無法擺脫iPhone或iPad上20px左右的填充。網站在iPhone和iPad上顯示20px填充

請參閱https://lacrafts.worldsecuresystems.com/test的測試頁面。

我試過媒體樣式，刪除填充等任何幫助將不勝感激。

<body id="sub_body" data-twttr-rendered="true"> 
    <div id="site_wrap" class="clearfix"> 
      <div id="header-wrap" class="clearfix"> 
      <div id="header" class="clearfix">dasd<br>fdsfds<br>jhkljklj<br></div> 
    </div> 
</body>

下面是相關的HTML樣式：在移動發展

body { 
    margin:0; 
    padding:0; 
    font-family:Calibri, Tahoma; 
    font-size:14px; 
    color:#1d1d1d; 
    background:#ee2505; 
    font-weight:regular; 
} 
html, body { 
    width: 100%; 
    height: 100%; 
    margin: 0px; 
    padding: 0px; 
} 
#site_wrap { 
    border-top:8px solid #1d1d1d; 
    background-color:#ffffff; 
    width: 100%; 
    margin:0; 
    padding:0; 
} 

#header-wrap { 
    background-color:#ffffff; 
    width:100%; 
    margin:0; 
    padding:0; 
} 
#header { 
    width:1000px; 
    margin:0 auto; 
} 

/* *********************** CLEARFIX **************************** */ 

.clearfix:after { 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
} 
.clearfix { 
    display: inline-block; 
} 
html[xmlns] .clearfix { 
    display: block; 
} 
* html .clearfix { 
    height: 1%; 
}

來源

2014-01-08 Leigh

我所遇到的問題是這樣的。我發現在我的頁面中添加一個包裹整個內容的div是有用的，並且將其樣式設置爲：

{ 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    top: 0px; 
    left: 0px; 
}

來源

2014-01-08 15:57:33 LcSalazar

網站在iPhone和iPad上顯示20px填充

回答

相關問題