Javascript IE介质修复时的修复div宽度

我将div设置为100%宽度，当查看1024分辨率的页面时，宽度应从100%更改为1000px，我使其在@media querys中正常工作，并在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%')
};
}

$（文档）.ready（函数（）{
如果（$（窗口）.width（）<1024）{
$（'content'）css（'width'，'1000px'）
}否则{
$（'content'）css（'width'，'100%”）
};
}

媒体查询是CSS3。表示IE8及更低版本不支持。但请看一看，这为IE带来了对媒体查询的支持。

$（文档）。加载（$（窗口）。绑定（“调整大小”，更改宽度））；
$(document).load($(window).bind("resize", changeWidth));

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

函数更改宽度（e）{
如果（$（window）.width（）您可以使用以下代码：

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

    }
 });

$（窗口）。调整大小（函数（）{
变量宽度=屏幕宽度；
变量高度=屏幕高度；
如果（宽度为什么不在CSS中设置此选项：

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

我可以向您保证，它比任何JS/jQuery解决方案都要高效。
尝试
$（document.width（）；
而不是
$（window.width（））
。另外，您在调用
css
函数时有一个输入错误-点不见了。哎呀，我确实感谢斯文的回答并使用了它，这是我的一个诚实的错误，我忘了点击复选标记，我也没有注意到我还有更多的答案，谢谢大家。：）只是在依赖调整大小事件时要小心，因为它在许多不同的情况下都会被触发，包括手机方向的改变，并且一些浏览器会不断触发调整大小事件，这意味着大量的操作会很快使浏览器陷入困境。