我花了一天的时间来解决问题。当用户放大页面时,Google地点自动填充.pac-container不再显示在相应的输入字段下。我花了一天的时间进行测试,发现的内容来自Google:https://code.google.com/p/gmaps-api-issues/issues/detail?id=3416

让我更详细地解释。当我在视口上加载初始比例为1的页面并单击“搜索”输入字段时,“自动完成建议”框将精确地下拉到应有的位置。但是,当我在移动设备上放大或缩小该页面时,.pac容器将丢失其位置:

google-maps - 在移动窗口上调整自动完成.pac.container的大小-LMLPHP

如您所见,该容器现在位于输入字段下方。我尝试了很多方法,例如在输入字段具有焦点时清除.pac-container的样式。没用。有没有人有办法解决吗?

最佳答案

通过在主体CSS中简单地添加“height:auto”,我已经设法在用例中解决了此问题。解决了该问题,现在.pac-container恰好在需要输入的位置。

关于google-maps - 在移动窗口上调整自动完成.pac.container的大小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34387579/

10-12 03:48