حل شده

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

بازدید38.9kپست ها1آخرین فعالیت5 سال پیش
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 5 سال پیش

سوال برنامه نویسی دارید؟

ندونستن عیب نیست، نپرسیدن چرا!

خوش آمدید

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