使用css根据用户分辨率更改高度

Question

我试图根据用户分辨率覆盖元素的高度，即如果它的1024X768或更低，我需要增加高度。这必须适用于所有浏览器，包括ie8。我有以下没有做任何事情。我是否错误地使用媒体查询？这可以用css做到吗？

代码：

#element {
position: relative; 
height: 66px;
}

@media screen and (max-width: 1000px) {
    #element {
          height:80px;
             }
}

Answer 1

您可能希望使用javascript进行交叉浏览 $windowWidth = $(window).width();

否则只需阅读：http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Answer 2

您的代码还有其他问题，您在此处发布的内容应该有效。 http://codepen.io/watson/pen/IcsEi

Answer 3

决定使用jquery，因为我也需要在IE8中工作。