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

Posted 2023-03-06

【中文标题】适用于三星 Galaxy Tab 2 10.1（Chrome 浏览器）的 CSS 媒体查询

【英文标题】：CSS Media Query for Samsung Galaxy Tab 2 10.1 (Chrome Browser)

【发布时间】：2013-01-27 01:34:12

【问题描述】：

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

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

【参考方案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 代码来在平板电脑切换到纵向模式时显示一条消息，说“切换到横向模式以获得最佳体验。”