三星Galaxy Tab 2 10.1的CSS媒体查询(Chrome浏览器)

Question

中有一个与此相关的问题：iPad的媒体查询（横向）应用于三星Galaxy Tab 2（横向）以及

我的问题是，让安卓三星Galaxy Tab 2 10.1（Chrome浏览器18）上的Chrome浏览器检测为人像模式的媒体查询是什么。

我目前正在使用：

@media all and (min-width: 479) and (max-width: 1199) and (max-device-width:1199px and (orientation: portrait)

但它不起作用。它可以在Android网络浏览器上工作，但一旦你将其切换到横向模式，然后再切换回纵向模式，它就不工作了。只有当您在纵向模式下加载页面时，它才会工作。

Answer 1

这适用于三星Galaxy Tab 10.1

@media only screen and (min-width: 800px) and (max-height: 1280px) and 
(orientation : portrait){
    /* Your code here */
}
@media only screen and (min-width: 1280px) and (max-height: 800px) and 
(orientation : landscape){
    /* Your code here */
}

Answer 2

我遇到了同样的问题，我发现Galaxy Tab 2 10.1的实际分辨率为2560px x 1600px通过使用这些px值，我能够提取正确的样式表。

Answer 3

/* For Media Query for Tablets Ipads Portrait Mode */
@media (min-width:768px) and (max-width:1024px){
/*CSS HERE*/
}

Answer 4

我有一个要添加的解决方案，我使用的像素比为1.5。

问题是，一定也有类似调光的设备，因为最小设备宽度只有800px，覆盖了许多新的安卓手机，但你可以将其像素比作为目标

* ++++++++++++++ 1280 mdpi portrait samsung tablets */
@media (min-device-width: 800px) and 
(max-device-width: 1280px) and 
(-webkit-min-device-pixel-ratio: 1.5){}