روش ریسپانسیو media@ و درصد

[p2m]

بنده هم ترجیحم روی مدیا کوئری هست نسبت به بوت استرپ. ولی خب سلیقه ای هست.
ولی عمری داره مدیا کوئری... فرضا از این لحظه تا 2 سال آینده رزولیشن تقریبی دسکتاپ ها و لپ تاپ ها از 1360 پیکسل به بالا هست و در نتیجه پهنای مفید و مطمئن محتوا برای دسکتاپ 1200 یا 1150 پیکسل هست. بجز معدودی مانیتور های قدیمی که 1024 هستند و میشه با تبلت ها ادغامشون کرد. کلا از 768 تا 1023 رو روی حالت تبلت استایل بدید. از 1023 تا 1150 برای مانیتور های مربعی و کوچک استایل بدید ، بالای 1150 هم دیگه همون استایل عادی دسکتاپ هست. اینجا میمونه موبایل که سایز های متغیری دارن و ما اگر اسمارت فون ها مدنظرمون باشه از 320 پیکسل شروع میشه ، و تا 765 ( یک پیکسل کمتر از تبلت ) بصورت درصدی استایل بدید که روی همه موبایل ها صحیح نمایش داده بشه. ( منظورم این هست که پهنای مفید رو بصورت درصد ( مثلا 95% کل پهنا ) قرار بدید.

ممنون بابت پاسخ خوبتون فقط مهندس یک سوال برای منوها چه کاری میشه با media کرد تو بوت استرپ حالت ایکون هستش برای مدیا چیکار کنیم که منوها به درستی نمایش داده بشن؟

[persiancoder]

ممنون بابت پاسخ خوبتون فقط مهندس یک سوال برای منوها چه کاری میشه با media کرد تو بوت استرپ حالت ایکون هستش برای مدیا چیکار کنیم که منوها به درستی نمایش داده بشن؟

برای منو موبایل یک div مجزا با استایل مخصوص موبایل بسازید. سپس این div رو در دسکتاپ مخفی کنید. و در حالت موبایل div اصلی منو رو مخفی کنید و این div رو نمایان کنید.
برای گذاشتن دکمه معروف toggle menu هم میتونید از javascript کمک بگیرید.

	$('#button').click(function(){		$('.mobilemenu').toggleClass('active');  	});