Javascript 移动浏览器如何更改屏幕宽度？

我正在尝试制作一个移动网站，能够容纳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和安卓4.0上运行得很好，但我在三星Galaxy S2（默认浏览器）上的安卓2.3.5有问题。在这个设备上，在resize事件中，当我alert screen.width时，事件调用2次：首先调度好值，然后调度坏值（更大）

---

有人知道这种行为吗？

奇怪——但既然你知道第一个事件有“好值”，你可以设置一个计时器，让它们保持一两秒钟。这样，如果值为0，则继续设置并调用

var t=setTimeout（resetViewportValues，2000）否则值已正确设置，因此不执行任何操作

在
resetViewportValues（）
函数中，确保将宽度和高度设置回0，并且
clearTimeout（t）

希望有帮助