css - 媒体查询 : min-height doesn't work

Question

我正在尝试将菜单设置为 position: fixed;当浏览器的宽度和高度最小或大于 1024/960 但由于某种原因当我将屏幕高度调整到超过 960 时它不起作用

这是我使用的代码:

    @media (min-width: 1024px) and (min-height: 960px) {
    ...
    }

我是@media 的新手，如有任何帮助，我们将不胜感激!

Answer 1

你看过this了吗？回答？

对于媒体查询，您应该使用某种元标记。另外，试试这些元标记:

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
<meta name="viewport" content="width=device-width"/>

并尝试使用

@media screen and (min-width: 1024px) and (min-height: 960px) {
***content***
}