iPad physical orientation doesn't have any effect

Question

I understand that "portrait" iPad orientation corresponds to a window 1024px wide, and 768px for "landscape".

However I have always the same width regardless of my iPad orientation when I visit my web page.

At the left bottom, the number in red color represents the value of jQuery('body').width()connected to the resize() JS event. Why does the value remain the same in both portrait and landscape modes?

sinelaw sinelaw · Accepted Answer · 2012-10-16T17:34:05

You need to add initial-scale=1 to your meta viewport tag. See this related question: Viewport meta tag for iOS devices

iPad physical orientation doesn't have any effect

2 Answers