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

我试图根据用户分辨率覆盖元素的高度，即如果其1024X768或更低，我需要增加高度。这必须适用于所有浏览器，包括ie8。我有以下几条，它们什么都不做。我是否错误地使用了媒体查询？这可以通过css实现吗

代码：

#元素{
位置：相对位置；
高度：66px；
}
@媒体屏幕和屏幕（最大宽度：1000px）{
#元素{
高度：80px；
}
}

您的代码还有其他问题，您在此处发布的内容应该可以使用

您可能希望使用javascript进行交叉浏览

$windowWidth=$（window.width（）

否则，请阅读以下内容：
决定改用jquery，因为我也需要它在IE8中工作。
这应该可以。你能把链接发送到测试页面（完整的html/css）吗？@newbie_86需要它在IE8上运行，这就是我建议使用JS的原因<代码>@media

在IE8中不受支持来源：caniuse.com/css-mediaqueries