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

حل شده 

JavaScript

توسط mehdi-vojodi در 7 ماه پیش
2 37.8k 1 7 ماه پیش
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 7 ماه پیش

خوش آمدید

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

لطفا ابتدا لاگین کنید