我知道有人问过类似的问题，但我没有找到任何针对我的问题的解决方案。我正在构建一个嵌入谷歌地图的移动网络应用程序。我的问题是，如果用户双击它来尝试缩放地图(基本上占据整个屏幕)，在某些情况下，它会放大浏览器而不是地图。那么麻烦的是用户无法缩小。使用两根手指缩小会将事件传递到地图而不是浏览器，然后使 web 应用程序无用。重新加载页面会使其放大。我知道浏览器通常不允许脚本更改浏览器缩放，因为"为用户控制 UI 是一个坏主意"，但在这种情况下，我正在保存用户。我不想在查看页面时执行此操作，只需在加载时(当用户无法正确查看/使用 Web 应用程序时无疑会尝试重新加载)或单击按钮。
据我所知，经过相当多的谷歌搜索，一旦页面加载，确实无法更改浏览器缩放。但是，您可以在加载 DOM 之前向浏览器发出请求，以从某个缩放级别开始和/或限制缩放。这是我用来执行此操作的元标记：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
我认为在大多数情况下，这些属性是不言自明的，如果您需要更多/不同的控制，我相信还有更多选择可以使用。另外，请记住，这也完全取决于浏览器是否要遵循这一点。