更新クロムのiframeの高さ

Question

私たちは動的にiFrameを読み込んで外部コンテンツを表示するjavascriptウィジェットを持っています。 iframeがロードされたとき、またはコンテンツのサイズが変更されたときは、投稿メッセージでメッセージを送信します。ウィジェットは、メッセージを取得するとiframeのサイズを変更する：それは、Android 5.0の上にクロム50を除いてほとんどのブラウザで正しく動作します

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

。このコードの他に、browserstackのWindows Mobileエミュレータでは動作しません。

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

それが動作します。