حالت ریسپانسیو در جاوا اسکریپت

سلام. تا حد ممکن باید از کد css استفاده کنی و اگر نشد جاوا اسکریپت

یه مثال:

function myFunction(x) { if (x.matches) { // If media query matches document.body.style.backgroundColor = "yellow"; } else { document.body.style.backgroundColor = "pink"; }
}
var x = window.matchMedia("(max-width: 700px)")
myFunction(x) // Call listener function at run time
x.addListener(myFunction) // Attach listener function on state changes