修复div宽度@media IE修复

Question

我将div设置为100％的宽度，当以1024分辨率查看页面时，宽度应从100％变为1000px，我知道它可以与@media查询一起正常工作，并且可以在FF，Safari chrome上正常工作。 但是ie8和更低版本会忽略它，是否还有其他尝试让div在IE上以1024分辨率将宽度从100％更改为1000px？ 我用jquery试过了，但是不行。

$(document).ready(function(){
if ($(window).width() < 1024) {
    $('#content')css('width','1000px')
} else {
    $('#content')css('width','100%')
};
}

Answer 1

媒体查询是CSS3。 IE8和更低版本不支持的方式。 但请看这里 ，它为IE提供了对媒体查询的支持。

Answer 2

$(document).load($(window).bind("resize", changeWidth));

function changeWidth( e ) {
    if($(window).width()<1024)
    {
        $('#content').css('width','1000px');
    } else {
        $('#content').css('width','100%');
    }
}

的jsfiddle

Answer 3

您可以使用以下代码：

    $(window).resize(function () {
    var width = screen.width;
    var height = screen.height;
    if (width <= 1024) {
        //somecode
    } else {
        //somecode

    }
 });

但是，正如Sven Bieder所述，CSS Media Queries比响应式设计要好。

Answer 4

为什么不直接在CSS中进行设置：

width: 100%;
max-width: 1000px;

我可以向您保证，它比任何JS / jQuery解决方案都效率更高。