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

【问题标题】：change height based on user resolution with css使用 css 根据用户分辨率更改高度
【发布时间】：2013-07-05 14:43:59
【问题描述】：

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

代码：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

@newbie_86 需要它为 IE8 运行，这就是我建议 JS 的原因。 IE8 不支持@media 来源：caniuse.com/css-mediaqueries

【解决方案3】：

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

【讨论】：