移动浏览器如何更改 screen.width？答案

【问题标题】：How can mobile browser change screen.width?移动浏览器如何更改 screen.width？
【发布时间】：2012-04-17 08:48:40
【问题描述】：

我正在尝试制作一个能够容纳 youtube iframe 嵌入的移动网站。 html 有 viewport 元标记：

<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 时遇到问题。在这个设备上，在 resize 事件中，当我提醒 screen.width 时，该事件调用了 2 次：首先调度好的值，然后调度一个坏值（更大）。

有人知道这种行为吗？

【问题讨论】：

【解决方案1】：

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

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

希望对你有帮助

【讨论】：