I’m working with the iOS simulator, it rotates fine, but unlike android the webview doesn’t seem to re-size automatically. The orientationchanged event fires but I’m not sure how to handle refreshing the page. I can’t do a whole page refresh, although it does solve the problem, since I’m using the multi-page JQmobile template. Any thoughts on other ways to re-size? I’ve tried $.mobile.trigger(‘pagecreate’); and pageshow.
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0 target-densityDpi=device-dpi" />
have you kept this
in
<head>of theindex.htmlin IOS it will automatically resize when device rotated.