android - 媒体查询仅被某些手机匹配

Question

这个媒体查询只被 iPhone 6 Plus 接收到，而不是任何其他 iPhone 或 Android 手机。

@media screen and (device-aspect-ratio: 16/9) and (max-width:768px), 
screen and (device-aspect-ratio: 16/10) and (max-width:768px){
    .content{
         margin-top:200vh
    }
}

有什么想法吗？

谢谢，

亚伦

Answer 1

不会比设备纵横比更好地使用方向，例如。

@media screen and (orientation: landscape) and (max-width:768px){
    .content{
         margin-top:200vh
    }
}

Plus device-aspect-ratio 将被弃用并替换为 aspect-ratio http://dev.w3.org/csswg/mediaqueries-4/