iPhone不遵守地图高度规格

Question

我正在移动网页上显示Google地图，其中包含以下内容：

<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上，地图是屏幕的全高，而不是70％。这使得无法向下滚动页面，因为当您尝试拖动页面时，您所做的就是拖动地图视图。

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

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>';