2013-04-10 57 views
0

我使用android phonegap创建了应用程序,并且我已经在iframe.I中设置了宽度为100%的aspx页面,并且设计在onload.But中看起来很好。但是当改变方向页面不适合设备时横向模式下的iframe应用于纵向模式iframe)。当我点击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> 

请指导我 感谢

回答

0

你必须做的是,捕捉屏幕方向变化的事件和动态重新iframe的宽度。

+0

我已经试过取向变化设置width.It的不working.It唯一的工作(宽度将应用于)本人单击文本框或iframe中 – Sudha 2013-04-10 10:15:50

+0

任何其他控制后,见这个答案是我在说什么。 http://stackoverflow.com/questions/10023328/orientation-change-event-implementation-by-jquery-mobile-in-phone-gap – Sandip 2013-04-10 10:31:27

+0

嗨,我试过了。它不会影响iframe在方向上的变化。它只是在我将文本框或其他控件集中到iframe中后才影响iframe。 – Sudha 2013-04-10 10:36:42