2016-07-01 28 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'); 

然后它的工作。