javascript - 移动浏览器如何更改 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 上运行良好，但我在三星 Galaxy S2（默认浏览器）上使用 Android 2.3.5 时遇到问题。在此设备上，在调整大小事件中，当我提醒 screen.width 时，该事件调用了 2 次：首先发送好的值，然后发送一个坏值（更大）。

有人知道这种行为吗？

Answer 1

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

在resetViewportValues()函数中确保将宽度和高度设置回 0 并且 clearTimeout(t);

希望有帮助