Iframe width issue in android

Question

I created application using android phonegap and I have loaded aspx page in iframe.I set width 100% for iframe and design is looking fine in onload.But while changing orientation page is not fitted to the device(width for iframe in landscape mode is applied for portrait mode iframe).The design fit to the device when i click the textbox in 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>

please guide me thanks

Answer 1

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