علت نبود مدیا کوئری xs (مدیا کوئری های زیر 576 پیکسل)

پرسیده شده
فعالیت 916 روز پیش
دیده شده 382 بار
3

سلام،
در رابطه با نبود mt-xs میخواستم یک توضیحی بدم (البته این چیزیه که من حدس میزنم درست باشه)
سیستم بوتسترپ طبق گفته ی خودشون بر اساس ایدئولوژی Mobile First که قبلا هم در رابطه باهاش صحبت شده طراحی شده (به این معنا که اولویت با کاربرانی است که با گوشی موبایل محتوی وب پیج ما رو میبینن)

روند نوشتن کلاس ها و به طور کلی کد ها هم از این پیش فرض تبعیت میکنه.

مثلا در مثال مارجین از بالا که توی جلسه ازش صحبت شد، باید به این صورت نوشت که :

<element class="mt-2 mt-md-0">...<element>

ینی پیش فرض اینه که ما داریم برای موبایل کد میزنیم پس این المان باید یک مارجینی از بالا داشته باشه و mt-2. اما حالا بیا توو حالت غیر از موبایل (مثلا صفحه های مدیوم به بالا) مارجین رو بگیر ازش

این قاعده به صورت کلی در مورد کلاس های دیگه هم برقراره، به عنوان مثال ما کلاس col-xs هم نداریم.
و مینویسیم :

<element class="col-12 col-sm-10 col-md-4">...<element>

ینی به صورت پیش فرض (برای گوشی) المان 12 ستون داره اما حالا برای بقیه متقاوت میشه.

در رابطه با بقیه ی موارد مشابه هم به همین صورت هست و برای علت ذکر شده در جلسه نیازی به نوشتن مدیا کوئری کاستوم نیست مگر مواردی غیر از این مسائل.

 

فایل پیوست

Mahdi Mohaqeq
Mahdi Mohaqeq

7 شهریور 00

0
حذف شده

بله درسته

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

ما شاید بنا و طرح و پروژه ای کا داریگ بخواین مثلا در عرً های کوچیک هم یه مدیا کوئری داشته باشیم

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

اونجا میشه خودمون دستی ایجاد کنیم

فایل پیوست

محمدحسین دهقانی

توسط

محمدحسین دهقانی

11 آبان 00

جلسه بیست و نهم - پروژه - جلسه پنجم - پیاده سازی مگا منو - بخش سوم