在Chrome上更新iframe的高度（android）

Question

我們有一個JavaScript小部件，可以動態加載iFrame來顯示外部內容。 加載iframe或調整其內容的大小后，它會通過postMessage發送消息。 小部件會收到一條消息並調整iframe的大小：

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

它可以在大多數瀏覽器上正常運行，但Android 5.0上的chrome 50除外。 此外，此代碼在瀏覽器堆棧上的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尚未在頁面上調整大小。

我不知道如何解決。 有人遇到過同樣的問題嗎？

Answer 1

這是CSS樣式。 我設置了!important屬性：

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

然后工作。