2016-07-01 29 views
0

我們有一個javascript小部件,它動態加載一個iFrame以顯示外部內容。當iframe已加載或其內容已調整大小時,通過發送郵件postMessage。窗口小部件獲取消息,調整大小的iframe:更新chrome上iframe的高度(android)

iframe.style.height = msg.value + 'px'; 

它正常工作在大多數瀏覽器除了鉻50在Android 5.0。此外,此代碼在瀏覽器上不適用於Windows Mobile Emulator。我試圖改變屬性和屬性:

iframe.setAttribute("height", msg.value + 'px'); 
iframe.height = msg.value; 
iframe.style.height = msg.value + 'px'; 

但它不工作。

高度改變之後,我檢查了它:

setTimeout(function() { 
    alert(iframe.style.height) 
}, 
10000); 

顯示提醒iframe的高度已經改變,但iframe中還沒有調整頁面上。

我不明白如何解決它。有沒有人遇到同樣的問題?

回答

0

這是css風格。我已經設置!important屬性:

iframe.setAttribute('style', 'width: ' + msg.value + 'px !important'); 

然後它的工作。