كيفية جعل موقعك متوافق مع جميع الاجهزة 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
اقرا ايضا: أريد تعلم البرمجة من أين ابدأ وما هي أول خطوة لتعلم البرمجة
اقرا ايضا: بعض المصطلحات البرمجية الهامة البسيطة للغات البرمجة
إقرأ أيضا :
إرسال تعليق