تواصل معي عبر facebook تواصل معي عبر twitter تواصل معي عبر youtube تواصل معي عبر google

مواقع , تثير , جوال , زوار

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

إذا كنت تمتلك موقع فأكيد زوارك يدخلون موقعك بالهاتف أو الأجهزة اللوحية, يعني يجب أن يكون موقعك متوافق مع جميع الأجهزة - Responsive ليظهر جيدا في الهاتف والأجهزة اللوحية.
بعض الأشخاص يظنون أن جعل مواقعهم متوافقة مع جميع الأجهزة - Responsive صعب, لكنه سهل جدا لكن يحتاج بعض الجهد لأنك كل ما ستقوم به هو إنشاء نسخة لكل نوع من أجهزة التصفح عن طريق التعديل على ملف الـCSS الخاص بموقعك.
وهدا متال على موقعنا
إختبار التناسق للجوال

1 - ضع هذا الكود فوق </head>.

HTML & CSS

 <meta name = "viewport" content = "width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0"/> 

  

- ضع هذا الكود في آخر ملف الـCSS الخاص بموقعك.

HTML & CSS

 @media screen and (max-width:1024px) { CSS FOR Max WIDTH 1024Px }
@media screen and (max-width:768px) { CSS FOR Max WIDTH 768Px }
@media screen and (max-width:640px) { CSS FOR Max WIDTH 640Px }
@media screen and (max-width:480px) { CSS FOR Max WIDTH 480Px }
@media screen and (max-width:320px) { CSS FOR Max WIDTH 320Px } 

  

بالتوفيق

المصدر: القلم الذهبي - من قسم: «۩۞۩-منتدى البرمجة وتطوير المواقع-۩۞۩»

---

[ug l,ru; lj,htr lu [ldu hgH[i.m - Responsive l,hru jedv [,hg .,hv

   

مساهماتك تثير الإعجاب والإكبار والتقدير

   

تواصل معي عبر facebook تواصل معي عبر twitter تواصل معي عبر youtube تواصل معي عبر google