方向變化使在iphone的瀏覽器

空格我有簡單的代碼如下面方向變化使在iphone的瀏覽器

<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％（比如320px）。現在將其更改爲Landscape。仍然顯示相同的320px。它不會覆蓋整個空間（比如說480px）。它有一些空白處。但我需要100％（到480px）。一旦我們點擊了警報的確定按鈕，它將覆蓋到480px。案例2：從景觀到肖像相同，但差距將在底部。

我該如何解決這個問題？

如何在縱向&景觀中將寬度覆蓋爲100％？

JavaScript的alert（）會阻止瀏覽器的所有事件或UI狀態嗎？

在這幫助我。非常感謝。

來源

2011-06-17 Mohammed Imran Khan

如果你只關心的iOS ...

<meta name="viewport" content="width=device-width, user-scalable=no" />

效果很好。但是，您在iOS中遇到的問題是使用此方法的BlackBerry和Android所發生的問題。

來源

2011-11-26 04:25:18 Dallas

方向變化使在iphone的瀏覽器

回答

相關問題