تحديد دقة شاشة الجهاز

تعرض الأداة أبعاد الشاشة بالبكسل، ونسبة العرض إلى الارتفاع، ومعلومات المتصفح، ونوع الجهاز. يساعد هذا في التصميم المتجاوب واستكشاف مشكلات العرض وإصلاحها.

يساعد فهم دقة الشاشة في إنشاء تصميمات متجاوبة تعمل على أجهزة مختلفة. تشمل الدقات الشائعة 1920x1080 (Full HD)، و 1366x768 (جهاز كمبيوتر محمول)، ودقات مختلفة للأجهزة المحمولة.

دقة الشاشة هي العدد الإجمالي للبكسلات في شاشتك. منطقة عرض المتصفح هي المنطقة المرئية داخل نافذة المتصفح، وهي أصغر بسبب عناصر واجهة المتصفح، وأشرطة المهام، وعناصر واجهة المستخدم الأخرى.

قم بتغيير حجم نافذة المتصفح أو تحويل جهازك إلى الوضع الأفقي/الرأسي. ستعرض الأداة فورًا أبعاد منطقة العرض الحالية، مما يساعدك على فهم كيفية اختلاف عرض المحتوى باختلاف أحجام الشاشات.

ركز على 1920x1080 (سطح المكتب)، و 1366x768 (كمبيوتر محمول)، و 375x667 (جوال)، و 768x1024 (جهاز لوحي). ومع ذلك، صمم بشكل متجاوب لاستيعاب أي حجم شاشة.

تشير كثافة البكسل (DPI - نقطة في البوصة أو PPI - بكسل في البوصة) إلى عدد البكسلات في البوصة المربعة من الشاشة. تتطلب الشاشات عالية الكثافة (Retina, 4K) صورًا ورسومات ذات دقة أعلى لتبدو واضحة.

تحدد نسبة العرض إلى الارتفاع نسبة عرض الشاشة إلى ارتفاعها (على سبيل المثال، 16:9، 4:3). يجب أن يتكيف التصميم المتجاوب مع نسب العرض إلى الارتفاع المختلفة لتجنب أشرطة التمرير غير الضرورية أو المساحات الفارغة.

افتح صفحة الأداة في متصفح الهاتف المحمول - ستعرض دقة الشاشة الحالية وأبعاد منطقة العرض، بما في ذلك اتجاه الجهاز.