javascript - iPhone 不遵守 map 高度规范

Question

我在移动网页上显示 Google map ，其中包含以下内容:

<iframe width="100%" height="70%" src="https://maps.google.com/maps?q=loc:'.$latlong.'+('.$balloon.')&amp;t=h&amp;&iwloc=1&amp;z=17&amp;output=embed"></iframe>';

它在 Android 上运行良好，但在 iPhone 上 map 是屏幕的整个高度而不是 70%。这使得无法向下滚动页面，因为当您尝试拖动页面时，您所做的只是拖动 map View 。

这是一个已知问题吗？请问有什么解决方案吗？

Answer 1

这是 Apple 代码中的错误。没有简单的解决方案可用，尽管我确实设法针对我的特定问题实现了一个解决方法，即将 iframe 包装在一个 div 中:

echo '<div style="height: 300px; width: 100%; overflow: auto;">
<iframe width="100%" height="70%" src="https://maps.google.com/maps?q=loc:'.$latlong.'+('.$balloon.')&amp;t=h&amp;&iwloc=1&amp;z=17&amp;output=embed"></iframe>
</div>';