css - 影响任何纵向/横向设备的媒体查询

Question

正如标题所说，我正在尝试以纵向模式定位所有设备。

我当前的媒体查询:

'移动':

@media (max-width: 639px),
@media (orientation: portrait) {}

“桌面”等:

@media only screen and (min-width: 640px) {}

出于某种原因，orientation: portrait 不会影响 ipad mini 2。为什么？

Answer 1

我认为你有语法错误，试试这个更好

@media (max-width: 639px), (orientation: portrait) {}

而不是重复@media指令

@media (max-width: 639px),
@media (orientation: portrait) {}

在此页面上查看针对 ipad mini 的更具体的媒体查询: http://stephen.io/mediaqueries/#iPadMini