В Mobile Safari на моем iPad после смены ориентации устройства наблюдается странное поведение.Вот мой тестовый файл:
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="initial-scale=0.7" />
<style>
#block {
border: 1px solid red;
background-color: yellow;
font-size: 400%;
width: 700px;
height: 500px;
}
</style>
</head>
<body>
<div id="block">Hello world!</div>
</body>
</html>
Вы можете просмотреть его в Mobile Safari по этому адресу:
http://fiddle.jshell.net/eterps/jsTqj/show/
Когда я иду по URL с моим iPad вкнижная ориентация и выполнение некоторых жестов смахиванием, страница не прокручивается, что является правильным.
Однако, когда я поворачиваю устройство в альбомный режим и делаю некоторые жесты смахиванием, я получаю дополнительное пространство справа без видимой причины.
Но еще более странным является тот факт, что когда я перезагружаю мобильное сафари и перехожу на URL, находясь в горизонтальной ориентации все время, дополнительного свободного места справа нет.
Почемудополнительное пространство справа появляется после смены ориентации?И как я могу предотвратить это?