تفاوت بین window.innerHeight و screen.height

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

اگه بخوایم هم عرض هم طول به نسبت صفحه نمایش تنظیم بشه باید 2 بار کد setProperty تعریف بشه؟
تفاوتی بین window.innerHeight و screen.height وجود داره؟

سلام و احترام

لطفا اون کد set property رو قرار بدید تا بتونم بیشتر بهتونم کمک کنم

window.screen.height

window.screen.width

این دو در واقع اندازه مانیتور رو به پیکسل بر میگردونن

window.innerHeight

window.innerWidth

و این دو مورد هم اندازه عرض و ارتفاع کنونی مرورگر رو میدن

بهترین پاسخ

امیر صالحی ۰۲ مهر ۱۴۰۰، ۰۹:۵۹

یه نکته هم من اضافه کنم:

در مورد screen.height و screen.width روی اینترنت اکسپلورر(و مایکروسافت اج) زمانی مقدار واقعی رو درست نشون میده که زوم صفحه، روی 100% باشه.

مورد بعدی، تصویری که ضمیمه کردمو واسه innerHeight ببینید.(developer.mozilla)

نکته اینه که اگر زوم صفحه تغییر کنه و یا inspect مرورگر باز بشه، مقدار innerHeight تغییر میکنه.

در مورد innerWidth زوم هم مقدارشو تغییر میده و inspect هم اگر در سمت راست و چپ صفحه باز بشه تاثیر داره.

محسن موحد ۰۲ مهر ۱۴۰۰، ۱۴:۳۴