当前位置: 首页 > 面试题库 >

iPhone6和iPhone 6 Plus的设备宽度CSS视口大小是多少

漆雕成弘
2023-03-14
问题内容

iPhone 6和iPhone 6 Plus刚刚发布。但是像往常一样,电话规格从不提供device-widthCSS
Pixels或DPR中的meta视口大小width=device-width,initial-scale=1

已经做出了预测,推测在375/414像素视口宽度上,但是仍然不清楚…

注意:请不要以 已知的 整体设备分辨率或规格来推测或发布答案,这不是我想要的。我想要默认的响应纵向和横向视口宽度(以像素为单位)。


问题答案:

(css) iPhone 6的 设备宽度 是375pxiPhone 6 Plus的是414px 。请注意,iPhone 6
Plus的报告window.devicePixelRatio = 3(虽然不是真正的3 DPR)

更新1
:只是为了澄清,我相信这不是预测,而是经过实际测试如有疑问,您可以等待设备退出。

更新2 :对于在iPhone 6上启用了“ 显示缩放”功能用户,Mobile Safari中的CSS视口会回 退到320px (例如iPhone 5);对于iPhone 6
Plus,它回 退到375px (如iPhone 6)。



 类似资料:
  • 问题内容: 我对媒体查询世界还很陌生,很明显,宽度和设备宽度之间的差异让我遗漏了一些基本知识,除了它们明显的定位能力之外。 我想同时针对具有相同断点的常规计算机和设备,因此我只将所有最小和最大宽度查询都复制到了最小设备和最大设备宽度查询中。无论出于何种原因,当我添加- device对应项时,常规计算机对CSS的解释都大不相同,因此我不确定自己做错了什么。 您可以在这里看到效果(这是应该的样子) 此

  • 问题内容: 使用CSS媒体查询,您可以用于定位设备宽度(例如iPhone或Android设备)和/或定位页面宽度的。 如果使用,则在更改桌面上浏览器窗口的大小时,CSS不会更改,因为您的桌面不会更改大小。 如果使用,则在更改桌面上浏览器窗口的大小时,可能会显示面向移动的样式,例如触摸友好的元素和菜单等。 现在已不再针对特定的浏览器(和设备?)定位,并且您应该对目标对象有所了解。那也适用于媒体查询吗

  • 问题内容: 我有这个设置: HTML : CSS : 通过此设置,它可以在iPhone上运行,但不能在浏览器中运行。 是因为我已经在meta中,也许已经在? 问题答案: 我发现最好的方法是为较旧的浏览器编写默认CSS,因为较旧的浏览器包括5.5、6、7和8。无法读取@media。当我使用@media时,我会这样使用: 但是,您可以使用@media进行任何操作,这只是为所有浏览器构建样式时最适合我的

  • 我正在寻找一种CSS方式来嵌入一个响应视频(iframe),这样它的高度总是100%的窗口和宽度适应任何比率允许。我在这件事上所能找到的只是相反的东西(这种技术的变体)。 所以理想的情况是 我甚至不确定这是否可能。最好不要。

  • 我会保持简短直截了当,这样我就明白了: > vw根据视区宽度更改字体大小。 VH根据视区高度更改字体大小。 我的问题是; 有没有一种方法可以根据视区的宽度和高度来缩放我的字体大小?因此,改变浏览器的高度和宽度将适当地缩放我的字体大小。 我这样问是因为我想根据它们所在的容器适当地缩放我的文本大小,我的问题是容器缩放到100%的宽度和100%的高度。因此,根据高度和宽度来缩放文本大小似乎是合乎逻辑的,

  • 主要内容:1. width,2. height,3. max-width 和 max-height,4. min-width 和 min-heightCSS 尺寸属性指的就是元素的宽度和高度属性,虽然说非常简单,但却是必须掌握的技能。CSS 中提供了 width、height、max-width、min-width、max-height 和 min-height 等几个属性来设置元素的宽度和高度,这些元素使用起来非常简单,下面我们就来简单介绍一下。 1. width 通过 width 属性可以设