Javascript 修改低于分辨率的CSS属性

我试图使用以下代码改进自适应设计中的几个布局元素。它似乎不起作用，它调用第一个属性，但就是它。这里它是在测试状态下使用的颜色

$(document).ready(function() {
    if ((screen.width>940)) {
        // if screen size is 940px wide or larger
        $("body").css('color', '#222'); // you can also use $(".yourClass").hide();
    } else {
        // if screen size width is less than 940px
        $("body").css('color', 'red'); // here you can also use show();
    }
});

---

衷心感谢您的帮助

您的意思是

$（window.width（）

？在我的计算机上，屏幕宽度始终为1920。在智能手机上，它应该更小，但在任何给定的设备上，它应该是相当稳定的。在任何情况下，使用

$（window）.width（）

证明您的语法是正确的

---

你是说

$（window.width（）

？在我的计算机上，屏幕宽度始终为1920。在智能手机上，它应该更小，但在任何给定的设备上，它应该是相当稳定的。在任何情况下，使用

$（window）.width（）

证明您的语法是正确的

您可以使用

$（window）.width（），但我强烈建议您为此使用CSS3媒体查询

body{
    color: #222;
}
@media screen and (max-width: 940px) {
    body{
        color: red;
    }
}

这里有一个关于它的好文章：

您可以使用
$（window）.width（），但我强烈建议您为此使用CSS3媒体查询

body{
    color: #222;
}
@media screen and (max-width: 940px) {
    body{
        color: red;
    }
}

这里有一个关于它的好文章：

以下是我将要做的……或者类似的事情。。。如果我用的是JS

$(function(){
                        // on window resize fire this 
                        $(window).resize(function(){
                            //get window width
                            var wide = $(window).width();

                            //log width
                            console.log(wide);

                            if (wide > 940) 
                                {
                                    console.log('wider');
                                }                             
                            else (wide < 940)
                                {
                                    console.log('not so wide');
                                }
                        });


            });//END Doc Ready

$（函数（）{
//在窗口上重新调整此
$（窗口）。调整大小（函数（）{
//获取窗口宽度
var-wide=$（window.width（）；
//原木宽度
控制台日志（宽）；
如果（宽度>940）
{
console.log（“更宽”）；
}                             
其他（宽<940）
{
console.log（“不太宽”）；
}
});
});//结束文件准备就绪
以下是我将要做的…或类似的事情。。。如果我用的是JS

$(function(){
                        // on window resize fire this 
                        $(window).resize(function(){
                            //get window width
                            var wide = $(window).width();

                            //log width
                            console.log(wide);

                            if (wide > 940) 
                                {
                                    console.log('wider');
                                }                             
                            else (wide < 940)
                                {
                                    console.log('not so wide');
                                }
                        });


            });//END Doc Ready

$（函数（）{
//在窗口上重新调整此
$（窗口）。调整大小（函数（）{
//获取窗口宽度
var-wide=$（window.width（）；
//原木宽度
控制台日志（宽）；
如果（宽度>940）
{
console.log（“更宽”）；
}                             
其他（宽<940）
{
console.log（“不太宽”）；
}
});
});//结束文件准备就绪
if
语句可能需要使用
$（窗口）包装
if语句。resize（函数（）{/*code here*/}）。resize（）
。您可能希望使用
$（窗口）包装
if
语句。resize（函数（）{/*此处编码*/}）。resize（）。谢谢，我相信你是对的，这就是我要找的！虽然我尝试了你的代码，但它打破了我页面上的其他Javascript。idk为什么它不起作用，但它更好地说明了这种方法。非常感谢Joseph，你解决了我的问题，成就了我的一天！：汉克斯，我相信你是对的，这就是我要找的！虽然我尝试了你的代码，但它打破了我页面上的其他Javascript。idk为什么它不起作用，但它更好地说明了这种方法。非常感谢Joseph，你解决了我的问题，成就了我的一天！：DYea我一直都在看那篇文章。谢谢你的推荐，但我需要的自适应功能只是次要的，而ie7不支持媒体查询，而ie7正是我们大多数用户所使用的。是的，我一直都在看那篇文章。谢谢你的推荐，但我需要的自适应功能只是次要的，ie7不支持媒体查询这也是我们大多数用户所关注的。