کلیدستان

 سلام در این تاپیک شما طراحی نسخه ی موبایل سایت را یاد میگیرید
اگه توجه کرده باشید گوگل زیر یه سری سایتا می نویسه سازگار با دستگاه شما یا
همون mobile friendly
ما قصد داریم همونا رو بسازیم
*****************************************************************

نکته ی اول:
یه سری سایتا مثل jquery.com یا google.com رو نگاه کنید.
اندازهی صفحه روی هر گوشی ثابته
برای انجام این کار تگ زیر رو می تونید تگ پایین رو به صفحه اضافه کنید
<meta name=viewport content='width=700'>
که در اینجا ۷۰۰ اندازه ی سایته که می تونه تغییر کنه

نکته ی دوم که اصلا پیشنهاد نمیشه
غیر فعال کردن زوم روی صفحه
برای این کار از این تگ استفاده کنید
<meta name=viewport content='user-scalable=no'>
تگ زیر کاملتره
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
Device-width اندازه ی صفحه ی کاربر
maximum-scale بیشترین حد زوم
scalable فعال یا غیر فعال کردن زوم
inital-scale میزان زوم هنگام بارگذاری صفحه