iPad and Viewports

Question

Im currently developing a WebApp for the iPad, now it depends on the viewport (screen-width and screen-height)

Im currently looking to somehow make it dynamic so when the user rotates the ipad, it actually resizes the viewport of the page

Has anyone done this or attempted it and been successful, i would think its just a small snippet of Javascript

Answer 1

Just meta viewport and CSS. Here is a demo (although it rearranges rather than resizes, the principles are the same).

Answer 2

Have you tried using: "device-width" ?

http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html#//apple_ref/doc/uid/TP40006509-SW19