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

时间:2014-07-14 15:25:29

标签: css css3

我正在努力使菜单成为位置:固定;当浏览器的宽度和高度最小或大于1024/960但由于某种原因,当我将屏幕高度调整到960以上时,它不起作用

这是我正在使用的代码:

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

我是@media的新手任何帮助都将不胜感激!

2 个答案:

答案 0 :(得分:0)

你看过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***
}

答案 1 :(得分:0)

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

替换AND后,它对我有用

之前:

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

后:

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

任何想法为什么?