Javascript get mobile screen width after orientation change

ServerBloke picture ServerBloke · Nov 2, 2012 · Viewed 17.1k times · Source

I am capturing the orientationchange event like this:

            $(window).bind( 'orientationchange', function(e){

            });

How can I get the new screen width and height in pixels after the orientationchage?

I have tried screen.width but this doesn't change, it remains as the initial width, even after orientation change.

Answer

Blazemonger picture Blazemonger · Nov 2, 2012
$(window).bind( 'orientationchange', function(e){
    var ori = window.orientation,
        width = (ori==90 || ori==-90) ? screen.height : screen.width;
});