jQuery Slice调整大小功能

Question

我需要一个脚本：

如果屏幕大于480px则执行此操作

(".projects").slice(3, 6).css("margin", "10px");

如果屏幕在320px和480px之间，则执行此操作

$(".projects").slice(1, 8).css("margin", "10px");

我看到了一些脚本，但并不真正理解如何制作这个。有人可以帮我这个吗？

我需要执行此JavaScript，因为切片仅适用于js。我不能用css做这个。

Answer 1

这是：

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

要使用窗口大小，请使用：

var width = $(window).width();

要在窗口调整大小上执行此操作：

$(window).resize(function () {
    var width = $(window).width();
    $(".projects").css("margin", 0);  // you may want to do this to "reset"
    if (width >= 320 && width <= 480) {
        $(".projects").slice(1, 8).css("margin", "10px");
    } else if (width > 480) {
        $(".projects").slice(3, 6).css("margin", "10px");
    }
});