Alex Rivera | Logout

Detect viewport orientation, if orientation is Portrait display alert message advising user of instructions

Asked 2011-02-07T02:29:08.170
258

I am building a website specifically for mobile devices. There is one page in particular which is best viewed in landscape mode.

Is there a way to detect if the user visiting that page is viewing it in Portrait mode and if so, display a message informing the user that the page is best viewed in landscape mode? If the user is already viewing it in landscape mode then no message will appear.

So basically, I want the site to detect the viewport orientation, if orientation is Portrait, then display an alert message advising the user that this page is best viewed in Landscape mode.

javascript jquery mobile viewport device-orientation
Edit
Report

1 Answer

3

Get the orientation (at any time in your js code) via

window.orientation

When window.orientation returns 0 or 180 then you are in portrait mode, when returning 90 or 270 then you are in landscape mode.

answered 2013-07-11T13:09:48.143

Your Answer