Проблема с Android и Android - PullRequest
Новая
       2

Проблема с Android и Android

0 голосов
/ 01 апреля 2011

Когда я пытаюсь растянуть div на 100%, в iOS и Android появляется небольшая строка в конце.Вот картинка для лучшего обзора:

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>

Ответы [ 2 ]

1 голос
/ 01 апреля 2011

Вероятно, это место, зарезервированное для полосы прокрутки.

0 голосов
/ 13 июня 2011

Попробуйте: 

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

Затем, чтобы убедиться, что ваш контент не попадает под заголовок из-за абсолютного позиционирования, присвойте тегу body такой же верхний отступ, как и высоту заголовка: 

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