from all the search I did, this should do. Unfortunately it isnt working for me.

　　Here is my question, I can use onorientationchange event to trigger resizing of the page, I am just not sure how to go about it. Can you help please?

　　Try this, I had a similar issue:

　　$(window).resize();

　　P.S. website is here if you would like to take a peek

　　$(meta[name="viewport"]).attr(content, height=device-width,width=device-height,initial-scale=1.0,maximum-scale=1.0);

　　$(window).resize();

　　$(window).resize();

　　Try otherwise using the resize() function at certain events:

　　$(meta[name="viewport"]).attr(content, height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0);

　　Thank you,

　　$(window).resize();

　　$(window).resize();

　　$(meta[name="viewport"]).attr(content, height=device-width,width=device-height,initial-scale=1.0,maximum-scale=2.0);

　　}

　　if (window.orientation==90 window.orientation==-90 window.orientation==270) {

　　I use regular:

　　I have a website that uses jquery mobile for its mobile version. I have a problem when I am changing it from portrait to landscape it zooms in correctly, but when I flip to portrait, it stays same zoom level and is wider then the view which breaks user experience.

　　Zeljko

　　$(window).bind(orientationchange, function(event) {

　　}).trigger(orientationchange);

　　$(meta[name="viewport"]).attr(content, height=device-height,width=device-width,initial-scale=1.0,maximum-scale=2.0);

　　} else {