iPad Safari视口的高度

Nrc*_*Nrc 4 safari viewport ipad

  1. iPad的视口宽980像素.身高是多少?
  2. 在Safari中,我们必须添加地址和新的水龙头.Safari在横向模式下的高度是多少?
  3. 有一个媒体查询,以使网络适应宽度 - 是否有办法使网络适应高度?

tes*_*dtv 9

以下是答案;

  1. 你是对的.iPhone/iPad上的默认视口为980px.因此没有默认的视口高度.您可以使用更改宽度/高度;

    <meta name="viewport" content="width=device-width, height=device-height" >
    
    Run Code Online (Sandbox Code Playgroud)
  2. 我不太明白这个问题.但是,是的,因为iPad分辨率是1024x768px,所以在横向模式下,高度应该是768px左右(减去地址栏高度应该大约40px左右)

  3. 大多数浏览器的工作方式是允许设置宽度和高度相应调整(基于其他因素,包括初始缩放级别).所以你需要在大多数时候设置宽度.

  • 您可以访问[whatsmy.browsersize.com](http://whatsmy.browsersize.com)获得相当不错的维度.当我在Safari的iPad上访问该网站时,它告诉我浏览器是981px X 644px. (9认同)
  • 除了地址栏以外,还有状态栏(20px)加上Safari带来的变量,在iOS4/5中,用户可以打开或关闭书签栏,看起来大约是30px高,那么地址栏可能大约40-50px高.然后在iOS5中有标签栏,看起来是另一个30px.我在iOS5上测量了带有书签栏和标签的铬,大约是125像素,所以你的视口在横向模式下大约是643像素. (4认同)