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

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

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

كود PHP:

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

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

كود PHP:

   @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 }

بالتوفيق