responsive-design - 响应式网页设计：向后倾斜平板电脑时不会触发媒体查询

Question

我有以下问题：

1. 当我在设备上以纵向视图加载页面时，它会触发纵向媒体查询 -正确
2. 当我将设备倾斜到横向时，它会触发横向媒体查询 -正确
3. 当我倾斜设备时回纵向时，它仍然会触发横向媒体查询 -不正确

我的媒体查询如下所示：

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    body, a, p, label, input, h1, h2, h3, h4, h5, h6, table, tr, td, div, textarea, button, span {
        font-size: 16px;
    }
}

@media only screen {
    body, a, p, label, input, h1, h2, h3, h4, h5, h6, table, tr, td, div, textarea, button, span {
        font-size: 11px;
    }
}

任何帮助，将不胜感激！

Answer 1

我想出了问题所在。我使用的是三星 Galaxy Tab 10.1 作为测试设备，倾斜设备时肯定有问题。我在我的 Galaxy S2 上试了一下，效果很好