مقاسات صفحة الويب لمختلف الأجهزة

بالنسبة لأغلبِ ما ذكرته، لا يوجدُ مقاسٌ موحّدٌ أو شامل، وإن وجد، فقد يتغيّرُ عند إصدار جيلٍ جديد من الجهاز، لكنّني سأعرضُ بعض المقاسات المتعارفِ عليها بالنسبة لكلّ جهازٍ من هذه الأجهزة، يمكنكَ مع هذا أن تعتبر هذه المقاسات مقاساتٍ مبدئيّةً تأخذُ فكرةً منها، لكنّك قد ترغبُ عمومًا باختيارِ مقاساتٍ أخرى، الأمرُ عائدٌ إليك.

• الحواسيب الشخصيّة Laptop: أكثرُ المقاسات استخدامًا من قبل مستخدمي الحواسيب الشخصيّة حسب إحصائيّةٍ لـW3C  في يونيو 2016 هو مقاس 1366 في 768 بكسل.
• الحواسيب اللوحيّة Tablet: لا يُوجدُ لها مقاسٌ محدّد، لا بدَّ من تحديدِ اسم منتجٍ ما كي تجدَ مقاساته المناسبة.
• هواتفُ نظام الـAndroid: نفسُ الأمرِ بالنسبة لها، لا بدَّ من تحديد اسم المنتج.

1280

1024

990

768

640

568

480

320

240

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

http://www.responsinator.com/?url=http%3A%2F%2Fgoland1-template.blogspot.com.eg%2F

Mohamed Salah-2-3-4

ما فيه جواب بعد هذا العضو المميز له ولجميع من شاركوا الشكر الجزيل

هل المقاسات هذي على كل المواقع ولا مواقع مخصصة انا عندي مدونة بلوجر هل هذا يفيد

الخط السعودي

بتاريخ 10 ساعة قال الكويت الكويتي:

هل المقاسات هذي على كل المواقع ولا مواقع مخصصة انا عندي مدونة بلوجر هل هذا يفيد

الخط السعودي

هناك مقاسات ثابتة لمقاسات الشاشات أي تعتبر قياسية standard، لكن الأمر يعتمد على التصميم، فأحيانًا نقوم بكتابة قيم قريبة من تلك المقاسات لكي تتناسب مع التصميم الخاص بالموقع الذي نعمل عليه، فعند اختبار الموقع عن طريق أدوات المطور في المتصفح حيث يوجد أداة لإختبار التجاوبية responsive، نتفقد النقاط التي ينكسر عندها التصميم بمعنى يصبح غير سليم، ثم نكتب media query بمقاس الشاشة بالـ px الذي انكسر عنده التصميم ونقطة الإنكسار تُعرف باسم break point.