首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在Google Maps API中使用'meta viewport user-scalable=no‘有什么意义

在Google Maps API中使用'meta viewport user-scalable=no‘有什么意义
EN

Stack Overflow用户
提问于 2011-06-19 01:41:38
回答 2查看 178.5K关注 0票数 99

我使用的是谷歌地图JavaScript应用程序接口V3和the official examples总是让你包含这个元标签:

代码语言:javascript
复制
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

我见过的大多数第三方例子也是这样做的。我用它写了一个插件,我的一个用户told me it's preventing him from being able to zoom in and out on his mobile device。我没有可以测试的移动设备,我的搜索也没有发现任何有用的信息。

那么,标记的意义是什么呢?我应该把它留在里面吗?我是否应该尝试检测浏览器代理并仅在桌面浏览器中显示它?

如果你想检查这个插件,你可以使用download itbrowse the source或者see a live example

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-06-19 01:52:24

在许多设备(如iPhone)上,它会阻止用户使用浏览器的缩放。如果你有一张地图,浏览器进行缩放,那么用户会看到一个带有巨大像素化标签的大的像素化图像。这个想法是用户应该使用Google Maps提供的缩放功能。不确定与您的插件是否有任何交互,但这就是它的用途。

最近,正如@ehfeng在他的回答中指出的那样,Chrome for Android (也许还有其他浏览器)利用了这样一个事实,即没有本机浏览器可以在带有这样一个viewport标签设置的页面上进行缩放。这使得他们可以摆脱可怕的300毫秒的触摸事件延迟,浏览器需要等待,看看你的单次触摸是否会变成两次触摸。(想想“单击”和“双击”。)然而,当这个问题最初被问到(在2011年)时,在任何移动浏览器中都不是这样的。它只是增加了最近才出现的令人敬畏的东西。

票数 109
EN

Stack Overflow用户

发布于 2013-06-04 13:42:33

禁用用户可伸缩(即双击缩放的能力)允许浏览器减少点击延迟。在支持触摸的浏览器中,当用户希望双击缩放时,浏览器通常在触发单击事件之前等待300ms,以查看用户是否会双击。禁用用户可伸缩允许Chrome浏览器立即触发单击事件,从而获得更好的用户体验。

来自谷歌IO 2013 session https://www.youtube.com/watch?feature=player_embedded&v=DujfpXOKUp8#t=1435s

更新:不再是这样了,<meta name="viewport" content="width=device-width">足以消除300ms的延迟

票数 49
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6397748

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档