حل مشكلة اختبار التناسب للجوال لجميع المواقع







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

نضع هذا الكود في الهيدر :

رمز PHP:
<meta name="viewport" content="width=device-width, initial-scale=1" 

اذا ظهر لك ان المحتوى اكبر من الشاشه إبدأ بالتنقيص تدريجيا في هذا الرقم 1 واعمل فحص حتى تختفي مشكلة المحتوى اكبر من الشاشه

الان كما نرى اختفت مشكلة المحتوى أوسع من الشاشه وبالنسبة لموقعي اصبح الرقم المناسب له 0.4 الان حل مشكلة ( النص صغير جدًا ولا يمكن قراءته ) ندخل على ملف CSS الخاص بالاستايل او القالب الملف الخاص بي اسمه style.css حجم الخط الحالي 100% :

و نغير حجم الخط الى أكبر من الحجم السابق سوف أضعه 200 %

مبروك تم حل المشكلة .. عيوب هذه الطريقة : * أن حجم الخط سوف يكبر بالموقع لذالك أبدأ بتكبير الخط بشكل تدريجي وافحص بعد كل تغيير حتى لا يكبر الخط بالمره . الحل أعتبره مؤقت لمن لا يريد دفع مبلغ كبير لمصمم لعمل توافق ستايله او قالبه على الجوال أو لمن لا يملك خبره في التصميم ويريد تخطي مشكلة التناسب مع الجوال .


http://www.traidnt.net/vb/traidnt2678502/