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

حل شده 

Javascript

توسط mehdi-vojodi در 1 سال پیش
2 38.1k 1 1 سال پیش
mehdi-vojodi kingblogg
1

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

پاسخ ها

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 سال پیش

خوش آمدید

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