مشکل در رسپانسیو کردن وبسایت ...

[marziehm869]

شب همگی بخیر
من یه وب سایت طراحی کردم..بعد از تموم شدنش متاسفانه متوجه شدم با همه دستگا ه ها سازگار نیست...بعد فهمیدم که که یک مساله ای داریم به نام طراحی واکنش گرا!!!ک
من اصلا بهش توجه نکرده بودم...بعد از کلی جستجو..از تگ های متا استفاده کردم دو خط کد زیز:
meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width; initial-scale=0.9; maximum-scale=0.9; " />
خوب بیشتر مشکل حل شد..اما هنوز یه مشکل مهم ک داره اینه ک هنگام باز شدن روی گوشی صفحه به صورت زوم شده نشون داده میشه و کاربر مجبوره که زوم اوت کنه...باید چیکارش کنم؟

[sinoser]

خط اولت که هیچی , یونی کد هست ربط به این موضوع نداره.
اما خط بعدی در تو در واقع داری به مرورگر دستور می دی که عرض رو بر اساس صفحه کاربر بگیره همچنین تو با دستور initial-scale داری میگی اولین زوم نمای صفحت 0.9 باشه یعنی از حالا 100% حدود 10% کمتر یعنی توی حالت فیت عرض گوشی zoom out کنه.
با دستور maximum-scale=0.9 هم داری می گی حداکثر زوم قابل انجام 0.9 باشه .

این توضیح نوشته های تو بود. اما ببین من چی میگم.
طراحی واکنشگرا به سادگی گذاشتن این تگ نیست عزیزم. شما برای طراحی یک وب سایت واکنشگرا باید اول با مفهوم چند دستگاهی آشنا بشی و بعد ساختارت رو انتخاب کنی.
برای طراحی ریسپانسیو از media ها در css استفاده میشه و شما باید برای دستگاه های مختلف استایل های مختلف بنویسی و دگرگونی هایی در تمت ایجاد کنی .
اگر نمی خوای حرفه ای کار کنی می تونی خودت ننویسی و از بوت استرپ استفاده کنی که خیلی راحت برات تم واکنشگرا میسازه و به زودی هم نسخه چهارش میاد.
http://getbootstrap.com/

در اخر ب جای خط دومی این رو بزار یه تستی بگیر باز بهینه تر از انیه که نوشتی.

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