۰ Mahdi Mohaqeq
علت نبود مدیا کوئری xs (مدیا کوئری‌های زیر 576 پیکسل)
جامعه Html & CSS ایجاد شده در ۰۷ شهریور ۱۴۰۰

سلام،
در رابطه با نبود 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 ستون داره اما حالا برای بقیه متقاوت میشه.

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