手機瀏覽器如何更改screen.width？

Question

我試圖製作一個移動網站，可以容納youtube iframe嵌入。 HTML是否已視口元標記：

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"> 

我想添加這個功能：如果嵌入的寬度大於screen.width大，然後調整嵌入到適合屏幕。

它適用於iOS和Android 4.0，但我在Samsung Galaxy S2（默認瀏覽器）上遇到Android 2.3.5問題。在這個設備上，在resize事件中，當我提醒screen.width時，事件調用2次：首先調度好值，然後調度一個錯誤值（大）。

任何人都知道這種行爲？

Answer 1

奇怪 - 但既然你知道第一個事件有「好價值」，你可以設置一個計時器來保存他們一兩秒鐘。這樣，如果值爲0，請繼續設置並調用var t=setTimeout(resetViewportValues,2000);，否則值已正確設置，因此無法執行任何操作。

在resetViewportValues()功能一定要設置寬度和高度回到0，也clearTimeout(t);

希望幫助