1. 首頁
  2. 問答
  3. CSS android和iOS問題

CSS android和iOS問題

2011-04-01 63 views
0

當我嘗試拉伸一個div 100％時，在iOS和Android的末尾有一條小結。這裏有一個更好的視野一峯：CSS android和iOS問題

screenshot

我找遍了網，但我沒有找到一個解決方案。

<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=0.666" /> 
<style> 
html, body { 
    position:relative; 
    height:100%; 
    width:100%; 
    padding:0; 
    margin:0; 
    overflow-x:hidden; 
} 
header { 
    width: 100%; 
    background: red; 
    height: 50px; 
    display: block; 
    margin: 0; 
    padding: 0; 
    overflow-x:hidden; 
} 
</style> 
</head> 
<body> 
<header>asdasd</header> 
</body> 
</html>

來源

2011-04-01 Nikolay

+0

你可以發佈你的代碼嗎？ – mbehan 2011-04-01 16:12:26

回答

1

這可能是爲滾動條保留的空間。

來源

2011-04-01 18:33:16 Rytis

0

試試這個：

header { 
    width: 100%; 
    background: red; 
    height: 50px; 
    display: block; 
    position: absolute; 
    top: 0; 
    right: 0; 
    left: 0; 
    overflow-x:hidden; 
}

然後，以確保您的內容不標題下風，由於絕對定位，給身體標記相同的頂部填充作爲標題的高度：

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

來源

2011-06-12 20:40:23 Robert

相關問題

 相關問題