jQuery Slice调整大小功能

Question

I need a script that makes:

if screen bigger than 480px then do this

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

if screen between 320px and 480px then do this

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

I saw some scripts but did not really understand how to make this. Can anyone help me with this please?

I need to do this JavaScript because the slice only works with js. I can't do this with css.

Answer 1

Here it is:

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");
}

To use the window size, use this:

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

To do this dinamically on window resize:

$(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");
    }
});