How to get the correct window width on orientation change for android devices both tablets and mobiles

javascript jquery android orientation galaxy
user850234 picture user850234 · Apr 18, 2012 · Viewed 21k times · Source

I am trying to calculate the window width on orientation change for android devices using jquery function $(window).outerWidth(true);. This calculation gives correct width on orientation change for both iphone and ipad but not in android. If i initially load the page in landscape mode or portrait mode i am getting the correct width but once i change the orientation after loading the page i am getting the width for portrait mode as was in landscape mode and vice versa. Please suggest what is happening and how can i handle this issue so that i get the correct window width on orientation change in android device

Answer

slayton picture slayton · Apr 18, 2012

Why not just use the javascript screen object. you should be able to get the screen dimensions with :

screen.height;
screen.width;

Related questions

Detecting touch screen devices with Javascript

In Javascript/jQuery, how can I detect if the client device has a mouse? I've got a site that slides up a little info panel when the user hovers their mouse over an item. I'm using jQuery.hoverIntent to detect …

Read More
Detect Android phone via Javascript / jQuery

How would i detect that the device in use is an Android for a mobile website? I need to apply certain css attributes to the Android platform. Thanks

Read More
JavaScript keypress event not raised on Android browser

I have created a simple code to handle keypress event: var counter = 0; $('input').on('keypress', function () { $('div').text('key pressed ' + ++counter); }); JSFiddle. But keypress event handler is not raised on mobile browser (Android 4+, WindowsPhone 7.5+). What could be the issue?

Read More