适用于三星 Galaxy Tab 2 10.1（Chrome 浏览器）的 CSS 媒体查询答案

【问题标题】：CSS Media Query for Samsung Galaxy Tab 2 10.1 (Chrome Browser)适用于三星 Galaxy Tab 2 10.1（Chrome 浏览器）的 CSS 媒体查询
【发布时间】：2013-01-27 01:34:12
【问题描述】：

我的问题是，将 Android Samsung 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 网络浏览器上运行，但一旦您将其翻转到横向模式然后再返回纵向模式，它将无法正常工作。它仅在您以纵向模式加载页面时才有效。

【问题讨论】：

标签： android css google-chrome responsive-design media-queries

【解决方案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 */
}

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：

抱歉，我一直无法弄清楚这一点，并意识到我花了太多时间让我的应用程序响应。我编写了 javascript 代码来在平板电脑切换到纵向模式时显示一条消息，说“切换到横向模式以获得最佳体验。”