iPhone 6是否仍然在纵向和横向上报告相同的宽度？

Question

我似乎无法找到答案，而且我无法访问iPhone 6或6 Plus。

所有以前的iOS设备都会始终将其宽度报告为纵向模式下设备的宽度，即使他们知道它们处于横向模式。我想知道我们是否需要使用新的屏幕尺寸为新设备创建更专业的媒体查询，或者他们是否最终在横向模式下报告正确的宽度。

谢谢！

• 我应该添加，当我们检查width或device-width时，我主要询问CSS媒体查询。例如，较旧的iOS设备会在纵向和横向模式下将device-width报告为768px。

Answer 1

对于iOS而言，确定设备视口宽度的最佳做法是使用CSS orientation媒体查询。 768px仅适用于较旧的iPad。这是您应该为每个设备实例使用的查询列表：

---

iPhone 6：

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */}

iPhone 6 Plus：

@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px) { /* STYLES GO HERE */}

如果您希望将CSS应用于纵向或横向背景，那么您还需要为该特定情况添加orientation查询。