移动浏览器如何改变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次：首先调度good值，然后调度坏值（更大）。

有人知道这种行为吗？

Answer 1

奇怪 - 但是既然你知道第一个事件有“好的价值”，你可以设置一个计时器来保持它们一两秒钟。这样，如果值为0，则设置它们并调用var t=setTimeout(resetViewportValues,2000);，否则值已经正确设置，所以什么都不做。

resetViewportValues()函数中的

一定要将宽度和高度设置为0，还要设置clearTimeout(t);

希望有所帮助