語法

最小寬度min-width

Setting the minimum width of an element.

Class	Declarations
`min-w:size`	`min-width: size/16rem;`
`min-vh`	`min-height: 100vh;`
`min-w:full`	`min-width: 100%;`
`min-w:fit`	`min-width: fit-content;`
`min-w:min`	`min-width: min-content;`
`min-w:max`	`min-width: max-content;`
`min-w:screen-4xs`	`min-width: 22.5rem;`
`min-w:screen-3xs`	`min-width: 30rem;`
`min-w:screen-2xs`	`min-width: 37.5rem;`
`min-w:screen-xs`	`min-width: 48rem;`
`min-w:screen-sm`	`min-width: 52.125rem;`
`min-w:screen-md`	`min-width: 64rem;`
`min-w:screen-lg`	`min-width: 80rem;`
`min-w:screen-xl`	`min-width: 90rem;`
`min-w:screen-2xl`	`min-width: 100rem;`
`min-w:screen-3xl`	`min-width: 120rem;`
`min-w:screen-4xl`	`min-width: 160rem;`

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="min-w:full:hover min-w:full@sm min-w:full@dark min-w:full@print">…</div>

Style shorthand for setting the min-width and min-height of an element.

Setting how an element's content should blend with its parent background.

Master UI

© 2025 Aoyue Design LLC.MIT License

Trademark Policy