Css iPhone 6上错误的媒体查询触发器

我有两个问题：

@media only screen and (max-width: 550px), (max-height: 550px) and (min-device-width: 500px)

及

@media only screen and (max-width: 550px), (max-height: 550px) and (min-device-width: 800px)

为什么最后一个会覆盖第一个？iphone 6在纵向上的最小设备宽度不是800px，对吗

---

我还尝试了min width而不是min device width，逗号是一个

或
参数。这意味着在这种情况下，只要
最大宽度：550px
为真，设备就不关心以下参数

删除逗号并用
和

替换即可。

正如KittMedia所说，您应该用“and”替换逗号，以便执行这两条语句

例如：

@media only screen and (max-width: 550px) and (max-height: 550px) and (min-device-width: 800px) {
     p {display: none}
}

<p>This will disappear on an iPhone 6</p>

@仅媒体屏幕和（最大宽度：550px）和（最大高度：550px）和（最小设备宽度：800px）{
p{显示：无}
}
这将在iPhone6上消失

对于iphone 6，使用此@media-only屏幕和（最小设备宽度：375px）和（最大设备宽度：667px）-从：