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

Question

有一个相关问题： Media Query for iPad (Landscape) applied to Samsung Galaxy Tab 2 (Landscape) as well

我的问题是，将Android三星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 Web浏览器上运行，但是一旦将其翻转为横向模式然后再回到纵向模式，它将无法工作。只有在纵向模式下加载页面时才能使用它。

Answer 1

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

Answer 2

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

Answer 3

这对我在Samsung 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 */
}