متناسب با جسم

برنامه های کاربردی برای کنترل نحوه تغییر اندازه یک عنصر جایگزین.

مرجع دم دست طبقه خواص استفاده اساسی تغییر اندازه برای پوشاندن یک ظرف

اندازه گیری محتوای یک عنصر برای پوشاندن ظرف خود با استفاده از پوشش شی.

قسمت طبقه="BG-indigo-300."> IMG طبقه="پوشش شیءH-48 W-96."> قسمت>

حاوی یک عنصر

اندازه گیری محتوای یک عنصر برای ماندن در ظرف خود با استفاده از شیء شی.

قسمت طبقه="BG-PURPLE-300."> IMG طبقه="مادهH-48 W-96."> قسمت>

کشش متناسب با یک ظرف

محتوای یک عنصر را متناسب با ظرف خود با استفاده از پر از شیء بکشید.

قسمت طبقه="BG-SKY-300."> IMG طبقه="اشیاءH-48 W-96."> قسمت>

اگر خیلی بزرگ باشد ، مقیاس گذاری می شود

محتوای یک عنصر را در اندازه اصلی خود نمایش دهید اما آن را در مقیاس خود قرار دهید تا در صورت لزوم با استفاده از مقیاس شیء ، ظرف خود را متناسب کند.

قسمت طبقه="BG-Cyan-300"> IMG طبقه="در مقیاس شیء پایینH-48 W-96."> قسمت>

با استفاده از اندازه اصلی یک عنصر

محتوای یک عنصر را در اندازه اصلی خود نشان دهید و اندازه ظرف را با استفاده از شیء و نه نادیده بگیرید.

قسمت طبقه="bg-lellow-300"> IMG طبقه="شیءH-48 W-96."> قسمت>

اعمال مشروط شناور ، تمرکز و سایر کشورها

Tailwind به شما امکان می دهد با استفاده از اصلاح کننده های مختلف ، کلاس های ابزار را در حالت های مختلف اعمال کنید. به عنوان مثال ، از Hover استفاده کنید: در مقیاس شیء پایین برای استفاده از ابزار در مقیاس شیء پایین در Hover.

IMG طبقه="مادهشناور: در مقیاس شیء پایین">

برای لیست کاملی از کلیه اصلاح کننده های حالت موجود ، مستندات Hover ، Focus و سایر ایالت ها را بررسی کنید.

نقاط شکست و نمایش داده شد

همچنین می توانید از اصلاح کننده های مختلف برای هدف قرار دادن پرس و جوهای رسانه ای مانند نقاط ضعف پاسخگو ، حالت تاریک ، ترجیح دادن حرکت به سمت کاهش و موارد دیگر استفاده کنید. به عنوان مثال ، از MD: در مقیاس شیء پایین استفاده کنید تا ابزار در مقیاس شیء را فقط در اندازه های صفحه نمایش متوسط و بالاتر اعمال کنید.

IMG طبقه="مادهMD: در مقیاس شیء پایین">

برای کسب اطلاعات بیشتر ، مستندات مربوط به طراحی پاسخگو ، حالت تاریک و سایر اصلاح کننده های پرس و جو رسانه ای را بررسی کنید.

کپی رایت © 2023 Tailwind Labs Inc.