❗️طرق جعل موقعك متجاوب ب CSS❗️
هناك الكثير من الطرق لجعل موقعك اكثر تجاوباً، منها:
هناك الكثير من الطرق لجعل موقعك اكثر تجاوباً، منها:
1- Padding / Margin:
عادةً ما نستخدم الكثير من الحشو عندما نصنع مواقع ويب لأجهزة الكمبيوتر المكتبية لجعلها أكثر جاذبية
أثناء جعلها تستجيب للهواتف المحمولة، تحاول الأجهزة اللوحية تقليل الحشوات والهوامش الموجودة
عادةً ما نستخدم الكثير من الحشو عندما نصنع مواقع ويب لأجهزة الكمبيوتر المكتبية لجعلها أكثر جاذبية
أثناء جعلها تستجيب للهواتف المحمولة، تحاول الأجهزة اللوحية تقليل الحشوات والهوامش الموجودة
2- استخدام em / rem و %:
حاول دائمًا استخدام em / % / rem بدلاً من px ، بحيث يتم ضبط حجم النص والصور وفقًا لعرض الجهاز
حاول دائمًا استخدام em / % / rem بدلاً من px ، بحيث يتم ضبط حجم النص والصور وفقًا لعرض الجهاز
3- Flex-wrap:
يوفر استخدام flexbox لمحاذاة عناصر HTML مثل <div> و <p> 'إلخ عناصر قوة في سطر واحد أو يمكن لفها في عدة أسطر حسب عرضها
يوفر استخدام flexbox لمحاذاة عناصر HTML مثل <div> و <p> 'إلخ عناصر قوة في سطر واحد أو يمكن لفها في عدة أسطر حسب عرضها
4- Media Queries:
يجب استخدام استعلام الوسائط لتعيين العرض والارتفاع وفقًا لنقاط التوقف
تشير نقطة التوقف إلى العرض الذي يبدأ عنده موقع الويب في الظهور بشكل مشوه
يجب استخدام استعلام الوسائط لتعيين العرض والارتفاع وفقًا لنقاط التوقف
تشير نقطة التوقف إلى العرض الذي يبدأ عنده موقع الويب في الظهور بشكل مشوه
5- Box-sizing:
إنه يحل الكثير من المشاكل التي تسببها الحشو ، فإن استخدام حجم الصندوق في عناصر HTML مع عرض النسبة المئوية سيأخذ الحشو في الاعتبار بدلاً من الاضطرار إلى ضبط العرض بسبب الحشو
box size: border box;
إنه يحل الكثير من المشاكل التي تسببها الحشو ، فإن استخدام حجم الصندوق في عناصر HTML مع عرض النسبة المئوية سيأخذ الحشو في الاعتبار بدلاً من الاضطرار إلى ضبط العرض بسبب الحشو
box size: border box;
جاري تحميل الاقتراحات...