Question

  if ($(window).width() >= 320 && $(window).width() <= 480) {
    $(".projects").slice(1, 8).css("margin", "10px");
  } else {
    $(".projects").slice(3, 6).css("margin", "10px");
  };

它的默认工作状态没有调整大小。我尝试用以下方法设置：

 $(window).resize(function() {           
 })

但不行。知道为什么吗？

JSFIDDLE

Answer 1

您永远不会重置div边距。因此，一旦它到达切片1到8具有边距的点，它们将永远不会被改变回来。你需要重置div：

$(window).resize(function () {
    $(".projects").css('margin', '0px'); // reset the divs
    if ($(window).width() >= 320 && $(window).width() <= 480) {
        $(".projects").slice(1, 8).css("margin", "10px");
    } else {
        $(".projects").slice(3, 6).css("margin", "10px");
    };
});

这是Fiddle

窗口宽度为jQuery的resize函数

1 个答案: