相关疑难解决方法(0)

所以我想要某些浏览器宽度的某些Javascript文件.我知道@media为每个浏览器宽度和一些设备提供特定的CSS.如何在不使用服务器端调用的情况下为Javascript文件执行类似的操作？

可以使用Javascript根据浏览器宽度调用其他Javascript文件吗？如果是这样,怎么样？

提前致谢.

我需要根据屏幕尺寸和屏幕尺寸变化执行特定功能(响应)

那么就说我有3个功能(例如)

function red() {
    $('div').css('background','#B60C0C')
    .text('Screen Size RED');
    console.log('RED');
}

function orange() {
    $('div').css('background','#EBAE10')
    .text('Screen Size ORANGE');
    console.log('ORANGE');
}

function green() {
    $('div').css('background','#83ba2b')
    .text('Screen Size GREEN');
    console.log('GREEN');
}

当屏幕宽度尺寸为500px或更低时,我需要执行功能green()

并且功能橙色()当屏幕宽度大小为501px至850px时

并且当屏幕宽度大小为851px或更高时功能为红色()

我尝试使用resize(),但问题是在为每个像素重复执行相同功能时调整浏览器大小时执行该功能,这是一种非常糟糕的执行方式

我需要在突破屏幕宽度大小时执行该功能

准备在jsfiddle上使用代码http://jsfiddle.net/BaNRq/