Phonegap HTML5/Android應用程序 - Iframe高度問題

我們構建了一個HTML5應用程序，它動態加載iFrame以顯示外部內容。這個解決方案工作正常，直到Android 4.0的發佈 - 這似乎改變了iframe渲染的方式？Phonegap HTML5/Android應用程序 - Iframe高度問題

它看起來不再能檢測到高度，它顯示了一個小的可滾動框，其大小約爲90px高的頁面的50px高度。我嘗試將高度設置爲100％ - 這在視覺上起作用 - 但該應用程序在頁面下方的任何內容上都會獲得奇怪的點擊結果！

它工作正常，如果我手動爲每個幀設置高度 - 但由於動態內容，這是非常不切實際的。此外，作爲應用程序內部導航的內部導航的一定水平 - 子頁面可以是一個單獨的高度到原來的iframe高度 - 再次，這在以前的Android版本中工作得很好。

有沒有人有任何建議/解釋？

來源

2012-06-29 Dancer

我最近還使用phonegap構建了一個應用程序，並意識到4.0 +特別是4.0.3有很多web查看錯誤，因此很多在以前的版本中工作的東西將不能正常工作4.0以上。不幸的是，谷歌並沒有太在意這一點，因爲他們試圖推動更多的本地應用程序。抱歉，我無法幫助解決您的問題，只是需要考慮未來。 –

您可以嘗試使用除像素之外的其他像素，例如em –

歡呼聲，但不幸的是，由於現在由於複雜的後端系統，我們因爲iframe而停滯不前。討厭的問題，雖然他！ – Dancer

以防萬一你仍然堅持，我只是發現這個解決辦法...

<iframe src='externalcontent.htm' width='100%' scrolling='no' frameBorder='0' id='theiFrame' onLoad='fixiFrame();'></iframe> 

function fixiFrame() { 
    if ((android) && (androidVersion > 3)) { 
     iFrameContentHeight = document.getElementById('theiFrame').contentDocument.body.offsetHeight; 
     document.getElementById('theiFrame').style.height = iFrameContentHeight + 'px'; 
    } 
}

來源

2012-09-10 18:39:28 BillyB

這適用於Android的4和5：

document.getElementById('theIframe').style.height = document.getElementById('theParent').offsetHeight + 'px';

不要忘了'+ px'

來源

2015-03-23 10:35:05 Kwoxford

Phonegap HTML5/Android應用程序 - Iframe高度問題

回答

相關問題