حل شده

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

بازدید38.1kپست ها1آخرین فعالیت1 سال پیش
1
2

میخواستم بدونم میشه تو جاوا اسکریپت محدوده تعیین کرد که مثلا وقتی width صفحه کوچک تر از 480px شد یه کاری انجام بده

1 پاسخ

1

سلام. تا حد ممکن باید از کد 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 
kheili mamnon – mehdi vojodi 1 سال پیش

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.