Javascript JS"@“媒体”；js命令的设备分辨率更改属性

我在我的网站上用JS做回应。如何更改此设置（正常分辨率）：

---

在这种情况下，当介质宽度时，您可以检测屏幕分辨率，如本节所述

您只需将类添加到元素中，并让浏览器进行检查

$(".card1_content_arrow").click(function () {
    $(".card1_content").addClass('yourClass');
});

谢谢！：）我做了第一个选项，但我可以看到“css”选项也可以！祝您有个美好的一天！

$(".card1_content_arrow").click(function () {
    $(".card1_content").css('margin-left', '-100%');
});

$(".card1_content_arrow").click(function () {
    var margin = "-45%";

    if (window.screen.availWidth < 860) {
        margin = "-100%";
    }

    $(".card1_content").css('margin-left', margin);
}); 

.yourClass {
    margin-left: -45%;
}

@media (max-width: 859px) {
    .yourClass {
        margin-left: -100%;
    }
}

$(".card1_content_arrow").click(function () {
    $(".card1_content").addClass('yourClass');
});