تفکیک‌پذیری صفحه‌نمایش

اینجا تفکیک‌پذیری صفحه‌نمایش، ناحیه در دسترس، اندازه پنجره مرورگر، چگالی پیکسل و نسبت ابعاد نشان داده می‌شود.

همه مقادیر در مرورگر اندازه‌گیری می‌شوند و با تغییر اندازه پنجره به‌روز می‌شوند.

چرا چند عدد داریم و همه متفاوت‌اند

تفکیک‌پذیری صفحه‌نمایش خود نمایشگر را توصیف می‌کند. ناحیه در دسترس به اندازه نوار وظیفه و عناصر سامانه کوچک‌تر است. اندازه پنجره از آن هم کوچک‌تر است — همان جایی که صفحه واقعاً جا می‌گیرد، و چیدمان‌های واکنش‌گرا بر همین تکیه می‌کنند.

چگالی پیکسل، پیکسل‌های CSS را به پیکسل‌های فیزیکی وصل می‌کند: روی نمایشگری با چگالی ۲، هر پیکسل CSS چهار پیکسل فیزیکی می‌گیرد. به همین دلیل تلفنی با ارتفاع فیزیکی ۲۳۴۰ نقطه عدد بسیار کوچک‌تری به صفحه گزارش می‌کند، و همین درست است.

در طراحی به چه کار می‌آید

نقطه‌های شکست چیدمان با پیکسل CSS تعریف می‌شوند نه با پیکسل فیزیکی — وگرنه روی دستگاه‌های پرچگالی چیدمان می‌شکند. ساده‌ترین راه بررسی مقدار واقعی این است که اندازه پنجره را تغییر دهید و تغییر عددها را ببینید.

نسبت ابعاد برای تصویر و ویدیو به کار می‌آید: ناهمخوانی نسبت ظرف و محتوا رایج‌ترین دلیل حاشیه‌های ناخواسته و بریدگی است.

چرا مرورگر بخشی از مقادیر را گرد می‌کند

برخی مرورگرها عمداً به‌جای اندازه دقیق، مقداری گردشده گزارش می‌کنند: اگر هر پنجره یکی از چند اندازه استاندارد را بگوید، بازدیدکنندگان از این راه دیگر از هم بازشناخته نمی‌شوند. اینجا آگاهانه دقت فدای حریم خصوصی شده است، و اگر عددها مشکوک‌گرد به نظر رسیدند باید همین را در نظر داشت.

همین درباره عمق رنگ و فهرست توانایی‌های پشتیبانی‌شده هم صدق می‌کند. مقداری که روی هیچ دستگاهی تغییر نمی‌کند به احتمال زیاد اندازه‌گیری نشده بلکه جایگذاری شده است. تکیه بر اندازه پنجره که برنامه در چیدمان به‌هرحال می‌گیرد سودمندتر از تکیه بر مشخصات نمایشگر است.