css - 使用 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/