پیام حیاتی
3 سال پیش
توسط پیام حیاتی
مطرح شد
مشکل در کارکرد کلاس های Tailwind در ReactJS
سلام
کسی میدونه چرا حالت sm کار نمیکنه؟ breakpoint های دیگه مثل md, lg درست کار می کنند.
به عنوان مثال تغییر بک گراند یک متن در حالت sm رو که وارد کنم:
<h2 className="sm:bg-red-500">Grid Style in TailwindCSS</h2>
در md,lg اعمال میشه !
https://s6.uupload.ir/files/11_38pi.png
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
گزارش تخلف
کپی کردن
1
سلام
کلاس مورد نظر درست کار میکنه در واقع شما دارید میگید تگ h2 اگر از سایز sm که سایز 640 پیکسل هست بزرگ تر شد بیا و رنگ بکگراند اون رو قرمز کن
گزارش تخلف
کپی کردن
1
سلام
چنتا نکته ...
- sm کوچکترین نقطه شکسته ولی برای قبل sm هم شما باید یک class تعریف کنید !
- کدی که در تصویر هست و فرستادید اصلا مشکلی توش نیست چون شما گفتید block اونم حتما display رو مساوی block گذاشته !
- برای کدی که فرستادین بصورت متن باید بگم در واقع اندازه بین sm و md اون کلاس رو میگیره نه قبل sm ! برا قبل sm مورد اول که گفتم رو انجام بدین !