iPad Safari视口的高度 iPad的视口宽980像素。高度是多少 在Safari中,我们必须添加地址和新的水龙头。景观模式下的高度旅行是多少 有一个媒体查询,以适应网站的宽度-有没有一种方法,以适应网站的高度

iPad Safari视口的高度 iPad的视口宽980像素。高度是多少 在Safari中,我们必须添加地址和新的水龙头。景观模式下的高度旅行是多少 有一个媒体查询,以适应网站的宽度-有没有一种方法,以适应网站的高度,ipad,safari,viewport,Ipad,Safari,Viewport,以下是答案 你说得对。iPhone/iPad上的默认视口都是980px。因此,没有默认的视口高度。您可以使用更改宽度/高度 <meta name="viewport" content="width=device-width, height=device-height" > 我不太明白这个问题。但是可以,因为iPad的分辨率是1024x768px,所以在横向模式下,高度应该在768px左右(减去地址栏高度,地址栏高度应该在40px左右) 大多数浏览器的工作方式是允许设置相应的宽度

以下是答案

  • 你说得对。iPhone/iPad上的默认视口都是980px。因此,没有默认的视口高度。您可以使用更改宽度/高度

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

  • 大多数浏览器的工作方式是允许设置相应的宽度和高度(基于其他因素,包括初始缩放级别)。因此,大多数情况下都需要设置宽度


  • 要说明的不仅仅是地址栏,还有状态栏(20px)加上Safari带来的chrome,它是可变的,在iOS4/5中,用户可以打开或关闭书签栏,书签栏的高度大约为30px,然后地址栏的高度可能为40-50px。然后在iOS5中有一个选项卡栏,它看起来是另一个30px。我用书签栏和标签在iOS5上测量了chrome,它是125px,所以在横向模式下,你的视口大约有643像素高。是的,对……因此没有直接的方法来确定准确的可用视口高度……你可以通过访问获得一组非常好的尺寸。当我在Safari的iPad上访问该网站时,它告诉我浏览器是981px X 644px。这似乎表明浏览器总是认为它是纵向模式的。检查我对类似问题的回答,可能会有所帮助