媒体查询：最小高度不起作用

Question

我正在努力使菜单成为位置：固定;当浏览器的宽度和高度最小或大于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***
}

Answer 2

由于某些原因，在用逗号分隔

替换AND后，它对我有用

之前：

    @media only screen and (min-width : 1024px) and (min-height : 960px) 

后：

    @media only screen and (min-width : 1024px), (min-height : 960px)

任何想法为什么？