Jquery 调整大小。根据屏幕大小调整类的大小

我有目前有效的代码

jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);

function resizeFrame() 
{
var w = $(window).width();
$('.resize').css('width', (w <= 1680) ? 1680 : 1920);
}

jQuery.event.add（窗口，“加载”，调整框架大小）；
添加（窗口，“调整大小”，调整框架大小）；
函数resizeFrame（）
{
var w=$（window.width（）；
$（'.resize'）.css（'width'，（w
function resizeFrame（））{
变量高度=$（窗口）.height（），
宽度=$（窗口）.width（），
调整宽度；
if（width
$（'.resize'）.css（'width'，function（））{
var宽度=1920；
如果（w 1280）{
宽度=1680；
}else if（w 1024）{
宽度=1280；
}else-if（w它的可读性不如if/else，但您可以将一个三元组粘贴到另一个三元组中，并执行以下操作：

$(window).on('resize', function() {
    var w = $(this).width(),
        width = w <= 1024 ? 1024 : w <= 1280 ? 1280 : w <= 1680 ? 1680 : 1920;
    $('.resize').css('width', width);
}

$（窗口）.on（'resize'，function（））{
var w=$（this）.width（），
width=w会有帮助吗？另请参见。另外，为什么您要使用
jQuery.event.add（）
而不是
jQuery.bind（）
？我相信，您的值是向后的；最小的应该在顶部，然后变大。我唯一的疑问是没有使用
$（窗口）。height（）
。
function resizeFrame() {
  var height = $(window).height(),
      width  = $(window).width(),
      resizeWidth;

  if (width <= 1024) {
    resizeWidth = 1024;
  } else if (width <= 1280) {
    resizeWidth = 1280;
  } else if (width <= 1680) {
    resizeWidth = 1680;
  } else {
    resizeWidth = 1920;
  }

  $('.resize').css('width', resizeWidth);
}

$('.resize').css('width', function() {
  var width = 1920;
  if(w <= 1680 && w > 1280) {
    width = 1680;
  } else if(w <= 1280 && w > 1024) {
     width = 1280;
  } else if(w <= 1024) {
     width = 1024;
  }
  return width;
});

$(window).on('resize', function() {
    var w = $(this).width(),
        width = w <= 1024 ? 1024 : w <= 1280 ? 1280 : w <= 1680 ? 1680 : 1920;
    $('.resize').css('width', width);
}