iPhone不服從地圖高度規範

我在移動網頁上顯示谷歌地圖有以下：iPhone不服從地圖高度規範

<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 ％。這使得無法向下滾動頁面，因爲當您嘗試拖動頁面時，所做的只是拖動地圖視圖。

這是一個已知的問題，請問有什麼解決方法嗎？

來源

2013-11-20 user2605793

有了這麼一點，我們不禁感慨。你應該添加你的html/css，甚至更好地製作一個jsfiddle。 – drip

我認爲這個問題是http://stackoverflow.com/questions/5267996/how-to-properly-display-an-iframe-in-mobile-safari的重複，這是相當不幸的，因爲我們還沒有工作解決方案... – Scorchio

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

來源

2014-04-11 21:51:13 user2605793

iPhone不服從地圖高度規範

回答

相關問題