У меня есть простой код, как показано ниже
<html>
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JSP Page</title>
<script type="text/javascript">
function fun(){
alert(window.orientation);
}
</script>
</head>
<body>
<div style="background-color: yellow;padding: 20px ">Hello World!</div>
<input type="button" onclick="fun()" value="Hit Me" />
</body>
Я тестирую этот код в Iphone.
Случай 1: Iphone - Портрет, Как только я нажму на кнопку, появится оповещение.Теперь подарок в браузере будет иметь ширину 100% (скажем, 320 пикселей).Теперь измените его на Пейзаж.Все еще показывает те же 320px.Это не будет охватывать все пространство (скажем, 480px).Это имеет некоторое пустое пространство справа.Но мне нужно 100% (до 480px).Как только мы нажмем кнопку предупреждения OK, она будет покрыта до 480px.
Случай 2: То же от Пейзаж до Портрета, но разрыв снизится.
Как я могу решить эту проблему?
Как мы можем покрыть ширину до 100% как в портретной, так и в альбомной ориентации с предупреждением об этом?
Может ли alert () JavaScript блокировать все события или состояние пользовательского интерфейса браузера?
Помоги мне в этом.Большое спасибо.