Ipad 谷歌地图看起来移动了（移动了不同的列）

我有一个关于谷歌地图的问题。 我将谷歌地图集成到一个只有一页的网站中。 该网站包含jQuery手风琴等。 在桌面上，谷歌地图运行得很好，但当我在iPad这样的移动设备上观看时，地图看起来发生了变化。地图分为两个或三个笔划，这些笔划相对移动。 我已经尝试过调整大小事件，例如： google.maps.event.trigger（映射，'resize'）； 但这不起作用

---

我不知道我还能尝试什么。

如果宽度小于x，你可以使用将地图放置在所需位置（我在查询中选择599/600像素）

你设置了吗？是的，我设置了，知道网站URL可能会有帮助：该链接中没有地图。。。。我看不懂那种语言（是瑞典人还是什么的？）当然有地图，但你必须点击联系人（在右边上方的菜单中）。我能想象你看不懂它，它是荷兰语。。。。只需将其链接为

http://angela.at20.vps.atention.nl/#5

那么……请用更多细节描述您的问题……我几分钟前就试过了。地图的高度为容器高度的20%（顶部和底部的菜单栏除外）。宽度为100%。可能是视口宽度或视口高度（vw/vh）导致了此问题？但是当我不使用它们时，地图仍然不起作用。你有很多其他的内容可以推动/移动地图本身。据我所知，谷歌引擎的渲染是正确的，但地图（在div

three_fifth

中）不在屏幕上。。。再说一次，如果你打开你的页面，改变“幻灯片”，然后调整页面大小，所有的东西都会错位，不仅仅是地图，也许这是我的错，忘了告诉别人一些事情。我构建的页面是这样的：该网站的分辨率应该大于1024倍宽。对于小于1024像素宽的屏幕，我使用PHP用户代理检测器来提供iPad和iPhone特定的@media查询。通过这种方式，我可以专门针对这些设备。否则，通过使用从大（1024px）到小（640px）的媒体查询，我会对iPhone的横向模式有问题（lanscape模式也针对1024px媒体查询）。也许这就是为什么所有内容都不合适的原因。此外，谷歌开发者工具中的地图运行良好，使用iPad作为纵向模式的测试设备。在某种程度上，这不是iPad所展示的。不要在不同的用户代理上发送媒体查询。一定要送去。因为，如果倾斜手机/设备，页面不会重新加载，只会重新呈现。发送mediaquery，即使您确定不会使用它。只是为了测试，请放置查询，然后调整（PC）浏览器的大小。