responsiveness - 谁能告诉 Google Nexus 6 android 手机的媒体查询最小宽度和最大宽度是什么

Question

Google Nexus 6 android 手机的媒体查询宽度是多少。我试过下面的媒体查询

@media (min-width: 670px) and (max-width: 740px) 

但这不适用于nexus，我尝试了越来越多，但找不到这款手机的确切宽度。请帮忙。

Answer 1

Google Nexus 的正确媒体查询如下：

@media (min-device-width: 412px) and (max-device-width: 690px) { .. }

Answer 2

我刚刚使用了它，它对我有用。纵向和横向查询

@media only screen 
   and (min-device-width: 412px) 
   and (max-device-width: 412px) 
   and (-webkit-min-device-pixel-ratio: 2)
   and (orientation: portrait) { 

}
@media only screen 
   and (min-device-width: 732px) 
   and (max-device-width: 732px) 
   and (-webkit-min-device-pixel-ratio: 2)
   and (orientation: landscape) { 

}

Answer 3

试试这个：

@media only screen and (min-device-width : 1440px) and (max-device-width : 2560px) and (-webkit-min-device-pixel-ratio : 3.5){}

但我建议使用一些通用方法，如引导程序。同一个 Nexus 6 可能有不同的浏览器，不同的浏览器可能有不同的视口。