使用浏览器以1:1缩放加载网站

时间:2017-07-05 22:21:03

标签: javascript jquery google-maps mobile single-page-application

我知道有类似的问题已被问到,但我找不到任何解决方案。我正在构建一个嵌入了Google地图的移动网络应用。我的问题是,如果用户双击它以尝试缩放地图(基本上占据整个屏幕),在某些情况下,放大浏览器而不是地图。然后麻烦的是用户无法缩小。使用两个手指缩小将事件传递给地图而不是浏览器,然后渲染Web应用程序无用。重新加载页面会使其放大。我知道浏览器通常不允许脚本更改浏览器缩放,因为为用户控制UI是一个坏主意'但在这种情况下,我正在保存用户。我不想在查看页面时这样做,只是在加载时(用户无疑会在他们无法正确查看/使用网络应用程序时尝试重新加载)或点击按钮。

1 个答案:

答案 0 :(得分:0)

据我所知,经过相当多的谷歌搜索后,一旦页面加载,确实无法更改浏览器缩放。但是,您可以在加载DOM之前向浏览器发出请求,以某个缩放级别开始和/或限制缩放。这是我用来执行此操作的元标记:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

我认为在很大程度上属性是非常自我解释的,如果你需要更多/不同的控制,我相信还有更多的选择。此外,请记住,这也完全取决于浏览器是否要遵循这一点。