unocss-preset-extra
size
同时设置 widthheight 样式

宽高

Class
Properties
size-0
width: 0rem; height: 0rem;
size-1
width: 0.25rem; height: 0.25rem;
size-2
width: 0.5rem; height: 0.5rem;
size-0.5
width: 0.125rem; height: 0.125rem;
size-1.5
width: 0.375rem; height: 0.375rem;
size-1/2
width: 50%; height: 50%;
size-1/4
width: 25%; height: 25%;
size-auto
width: auto; height: auto;
size-xs
width: 20rem; height: 20rem;
size-sm
width: 24rem; height: 24rem;
size-md
width: 28rem; height: 28rem;
size-lg
width: 32rem; height: 32rem;
size-xl
width: 36rem; height: 36rem;
size-2xl
width: 42rem; height: 42rem;
size-3xl
width: 48rem; height: 48rem;
size-4xl
width: 56rem; height: 56rem;
size-5xl
width: 64rem; height: 64rem;
size-6xl
width: 72rem; height: 72rem;
size-7xl
width: 80rem; height: 80rem;
size-prose
width: 65ch; height: 65ch;
size-screen
width: 100vw; height: 100vw;
size-full
width: 100%; height: 100%;

最小宽高

Class
Properties
min-size-0
min-width: 0rem; min-height: 0rem;
min-size-1
min-width: 0.25rem; min-height: 0.25rem;
min-size-2
min-width: 0.5rem; min-height: 0.5rem;
min-size-0.5
min-width: 0.125rem; min-height: 0.125rem;
min-size-1.5
min-width: 0.375rem; min-height: 0.375rem;
min-size-1/2
min-width: 50%; min-height: 50%;
min-size-1/4
min-width: 25%; min-height: 25%;
min-size-auto
min-width: auto; min-height: auto;
min-size-xs
min-width: 20rem; min-height: 20rem;
min-size-sm
min-width: 24rem; min-height: 24rem;
min-size-md
min-width: 28rem; min-height: 28rem;
min-size-lg
min-width: 32rem; min-height: 32rem;
min-size-xl
min-width: 36rem; min-height: 36rem;
min-size-2xl
min-width: 42rem; min-height: 42rem;
min-size-3xl
min-width: 48rem; min-height: 48rem;
min-size-4xl
min-width: 56rem; min-height: 56rem;
min-size-5xl
min-width: 64rem; min-height: 64rem;
min-size-6xl
min-width: 72rem; min-height: 72rem;
min-size-7xl
min-width: 80rem; min-height: 80rem;
min-size-prose
min-width: 65ch; min-height: 65ch;
min-size-screen
min-width: 100vw; min-height: 100vw;
min-size-full
min-width: 100%; min-height: 100%;

最大宽高

Class
Properties
max-size-0
max-width: 0rem; max-height: 0rem;
max-size-1
max-width: 0.25rem; max-height: 0.25rem;
max-size-2
max-width: 0.5rem; max-height: 0.5rem;
max-size-0.5
max-width: 0.125rem; max-height: 0.125rem;
max-size-1.5
max-width: 0.375rem; max-height: 0.375rem;
max-size-1/2
max-width: 50%; max-height: 50%;
max-size-1/4
max-width: 25%; max-height: 25%;
max-size-auto
max-width: auto; max-height: auto;
max-size-xs
max-width: 20rem; max-height: 20rem;
max-size-sm
max-width: 24rem; max-height: 24rem;
max-size-md
max-width: 28rem; max-height: 28rem;
max-size-lg
max-width: 32rem; max-height: 32rem;
max-size-xl
max-width: 36rem; max-height: 36rem;
max-size-2xl
max-width: 42rem; max-height: 42rem;
max-size-3xl
max-width: 48rem; max-height: 48rem;
max-size-4xl
max-width: 56rem; max-height: 56rem;
max-size-5xl
max-width: 64rem; max-height: 64rem;
max-size-6xl
max-width: 72rem; max-height: 72rem;
max-size-7xl
max-width: 80rem; max-height: 80rem;
max-size-prose
max-width: 65ch; max-height: 65ch;
max-size-screen
max-width: 100vw; max-height: 100vw;
max-size-full
max-width: 100%; max-height: 100%;