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

Question

我试图覆盖基于用户分辨率的元素的高度，即如果其1024X768或更低，我需要增加高度。这必须适用于所有浏览器，包括ie8。我有以下哪些不会做任何事情。我是否错误地使用媒体查询？这可能与CSS做到这一点？

代码：

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

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

Answer 1

决定用jQuery去，而不是因为我需要这在IE8中正常工作。

Answer 2

还有别的东西你的代码错误，你在这里张贴什么应该工作。 http://codepen.io/watson/pen/IcsEi

Answer 3

你可能想使用JavaScript 跨浏览 $windowWidth = $(window).width();

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