كيفية جعل موقعك متوافق مع جميع الاجهزة Responsive






كيفية جعل موقعك متوافق مع جميع الاجهزة Responsive، من أساسيات تصميم الموقع هو جعله متجاوب مع كل الشاشات: وهذا مهم جدا جدا لزوار الموقع لاختلاف انواع الشاشات من زائر الي اخر

كيفية جعل موقعك متوافق مع جميع الاجهزة Responsive




طبيعي جدا بما انك لديك موقع خاص بك وبه زوار فمن الطبيعي ان الزوار منهم من يفتح موقعك من هاتف محمول أو من تابلت او من لابتوب او كمبيوتر مكتبي

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

يوجد لدينا تاج يسمي meta ويكتب في تاج head


بمعني لجعل الموقع متوافق مع جميع الاجهزة نكتب الاتي

نكتب في كود head  في اكواد الميتا تاج هذا الكود:

<meta name="viewport" content="width=device-width,initial-scale=1.0"/>


Media Query


Tablet screen



mobile screen

Extra small devices

Small devices


Medium devices

large devices




اقرا ايضا: ما الفرق بين مصمم الويب ومطور الويب
اقرا ايضا: أريد تعلم البرمجة من أين ابدأ وما هي أول خطوة لتعلم البرمجة
اقرا ايضا: بعض المصطلحات البرمجية الهامة البسيطة للغات البرمجة
إقرأ أيضا :






Post a Comment

أحدث أقدم