Height of the iPad Safari viewport

Question

1. The viewport of the iPad is 980 pixels wide. What's the height?
2. In Safari we must add the address and the new taps. What is the height Safari in landscape mode?
3. There is a media query to fit the web to the width - is there a way to fit the web to the height?

Answer 1

Below are the answers;

1. You are right. The default viewport on both iPhone/iPad is 980px. There is no default viewport height, as such. You can change the width/height using;

   <meta name="viewport" content="width=device-width, height=device-height" >
   

2. I could not quite understand the question. But yes, since the iPad resolution is 1024x768px, So in landscape mode, the height should be around 768px (minus the address bar height which should be around 40px or so)

3. The way most browsers work is they allow to set the width and height is adjusted accordingly (based on other factors including initial zoom level as well). So you need to work with setting width most of the times.