css - iPad4 在横向模式下忽略媒体查询

Question

我正在尝试创建一个响应式网站。hgroup如果我的 iPad 处于横向模式，我想降低标签的高度，但它忽略了我的媒体查询。如果它处于纵向模式，它不会再忽略我的媒体查询。

这是我写的：

@media only screen and (min-device-width: 2048px) and (orientation:landscape)  {
        hgroup {
            height:200px;
        }
}

当我在 responsivepx.com 测试我的网站并将浏览器大小调整为 2048 像素时，hgroup假设高度为 200 像素。iPad没有。

我已经在寻找解决方案并尝试了一些，但没有一个对我有用。例如：

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}