Mobile 地图和移动缩放问题

我在移动设备上使用地图时遇到的一个问题是，有时在尝试放大地图时，我会放大视口，从而使地图和文本变得更大。这种情况主要发生在外出或走动时无意中双击时，但有时发生在收缩缩放时。这意味着我的控件（在视口底部）消失。然后，缩小视口以获得我的应用程序的完整视图可能会相当棘手

通过在元中插入user scalable=no，可以很容易地解决此问题，因此：

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

但显然这是一个禁忌：第1.4.4节

我的应用程序是基于订阅的，我认为无意中缩放视口的问题比不允许订阅者缩放视口更糟糕。因此，我暂时不提“user scalable=no”，但我很想知道是否有一种方法可以让用户在表单上说“增加缩放”，而不是在地图上说“增加缩放”

提前谢谢

---

Mini

简单：不要将地图与其他内容混合。如果要缩放地图，请将地图设置为全屏，如果地图不是整个屏幕，请关闭地图缩放

---

没有其他方法，因为当您缩放地图时，需要调用preventDefault，这也会禁用标准的收缩缩放功能。

请注意，文档中说它不应该，它必须：

应避免此元元素的用户可缩放和最大缩放属性的限制值

当我们有一个web应用程序时，我们确实希望控件在缩放视口时保持在底部，就像标准的web浏览器在缩放内容时总是可以看到其菜单栏一样Web应用控件不是内容的一部分

然后，您可以对整个窗口的视口大小进行限制，只要您的主要内容（这里的地图）是可伸缩的

这将要求您的内容始终位于iframe中，而iframe对其可伸缩性没有任何限制

---

<> P><强>您的CAN（和应该）完全考虑使用控件的字体，其初始文本大小小于200%，以满足WCAG推荐（或必须？）。>/P>HM，我的MAP视图底部有一行按钮（例如，G+，-位置），所以我不希望它是全屏。我使用的是OpenLayers 2，所以我让它来处理事件。。。