إذا كان عندك تصميم موقع وتحاول تبرمجه إلى موقع، لاتستخدم الوحدات الثابتة مثل px لسببين:
١- الموقع مارح يتجاوب مع أحجام الشاشات يعني حجم الخط بيكون نفسه في الكمبيوتر والجوال.
٢- المستخدم مارح يقدر يعدل على حجم الخط من المتصفح حقه لان حجم الخط الثابت مايتجاوب مع التغييرات
١- الموقع مارح يتجاوب مع أحجام الشاشات يعني حجم الخط بيكون نفسه في الكمبيوتر والجوال.
٢- المستخدم مارح يقدر يعدل على حجم الخط من المتصفح حقه لان حجم الخط الثابت مايتجاوب مع التغييرات
طبعاً هنا لازم نستخدم الوحدات المتجاوبة (relative units) مثلا rem, em عشان يكون الموقع متجاوب
الطريقة التقليدية للتحويل من px إلى rem هو عن طريق قسمة رقم px على ١٦ والنتيجة بتكون الرقم في rem كما هو موضح في الصورة.
طبعاً هذه الطريقة بتأخذ وقت في التحويل لان كل برامج التصميم بنستخدم وحدة px في القياسات. طريقة اخرى تقدر تستخدمها هو انك تحدد حجم الخط في الصفحة كلها على مستوى html بأنه يكون 62.5%.
ليه 62.5% بالتحديد لان أغلب المتصفحات حجم الخط الأساسي فيها هو 16px واحنا نحتاج تسهل عملية التحويل من px إلى rem عشان نقدر نقسم على 10 بدلاً من 16 والقسمة على 10 أسهل بكثير من على 16. فيصير مثلا لو كان حجم الخط 24 px، المقابل له بيصير 2.4 rem فنحتاج بس نقسم على ١٠ بتحريك الفاصلة.
تقدروا تقرأوا زيادة عن الموضوع هنا:
aleksandrhovhannisyan.com
aleksandrhovhannisyan.com
أتمنى تكونوا استفدتوا من هذه الحركة وتطبقونها في مشاريعكم.
جاري تحميل الاقتراحات...