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

Question

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

代码：

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

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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

0

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

于 2013-07-09T14:29:36.393 回答

3 回答 3