Most importantly, "iPad" is a moving target. There are multiple different types of iPad and generations of iPad with different dimensions, pixel densities, and feature-sets.

http://www.apple.com/ipad/compare/

Here're a few cases you can check:

1. Use media queries and put all the styles inside it:

   @media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) { ... }

2. Detect user agent while rendering the webpage

   Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B367 Safari/531.21.10

3. Detect device rotation and hide the webpage's content on portrait mode

   window.onorientationchange = readDeviceOrientation;

4. Also check the orientation of the webpage on the initial page load

   window.orientation

I hope this helps. :)

use fixed widths?