javascript - android中的iframe宽度问题

Question

我使用 android phonegap 创建了应用程序，并在 iframe 中加载了 aspx 页面。我为 iframe 设置了 100% 的宽度，并且在 onload 中设计看起来很好。但是在更改方向页面时不适合设备（应用横向模式下 iframe 的宽度对于纵向模式 iframe）。当我单击 iframe 中的文本框时，该设计适合设备。

var iframe = document.createElement("IFRAME");
iframe.setAttribute("src", "http://www.w3schools.com"); 
iframe.setAttribute("id", "iframeset");
iframe.style.width = 100+"%";
$("#IframeDiv").append(iframe);

<div  id="IframeDiv"></div>

请指导我谢谢

Answer 1

您要做的是，捕获屏幕方向更改事件并动态重置 iframe 的宽度。