CSS android和iOS问题

当我尝试拉伸一个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

你可以发布你的代码吗？ – mbehan 2011-04-01 16:12:26

这可能是为滚动条保留的空间。

来源

2011-04-01 18:33:16 Rytis

试试这个：

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

CSS android和iOS问题

回答

相关问题