چه شکلی سایتمان را ریسپانسیو کنیم و نسخه موبایل براش درست کنیم

پاسخ : 2 RE چه شکلی سایتمان را ریسپانسیو کنیم و نسخه موبایل براش درست کنیم

نقل قول از 4hossein7
سلام رفیق

واکنش کردن قالب کار خاصی نداره

ابتدا متاتگ زیر رو قبل از بین هد قالبت بزار

کد:

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

بعدش باید توی فایل css اندازه هایی که میخوای قالبت تو اون واکنش گرا بشه رو مشخص کنی

کد:

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

اندازه 700 سه اندازه مهم 320 ، 360 ، 400 پیکسل رو پوشش میده

برای دیگر اندازه ها هم کافیه توی مرورگر فایرفاکس کلید های ترکیبی Ctrl + Shift + M رو بزنی

اما چه چیزی رو باید واکنش گرا کنی

ببین اگه هدر و قالب 100% باشه نیازی به واکنش گرایی نیست اگه نه که باید واکنش گرا بشه باید کلاس هدر ، فوتر ، باکس کل صفحه ، کلاس سمت راست ، وسط و چپ رو توی همون کد بالا بنویسی و بهش اندازه 98% درصد بدی اگه هم مساوی نبود میتونی با مارجین مساوی کنی

یه نکته ای دیگه اگه میخوای یه باکسی هم نباشه کافیه display رو روی none تنظیم کنی

واکنش گرا زیاد چیز سختی نیست البته اگه کدنویس باشید در غیر این صورت به یک کدنویس بگید براتون انجام بده

من واقعا وقتشو ندارم وگرنه براتون انجام میدادم موفق باشید

متا تگ را قبل از head بگزارم یا بین تگ head متوجه نشدم..

خدا خیرت بده یک فیلم آموزشی از واکنش گرا کردن قالب درست کن.برا خودت هم یک نوع تبلیغه.
تو اینترنت هر چی گشتم چیزی که از اول توضیح بده و اخرش هم کامل باشه پیدا نکردم