用途:在 Tailwind CSS v4.3 中设置元素宽高、约束最小/最大尺寸、使用动态视口高度、固定宽高比。适用场景包括全屏容器、限宽内容区、图片/视频包裹与侧边栏布局。
主要能力:宽度类 w-0 至 w-96 为 0 至 384px 固定宽度,另有 w-full、w-screen、w-auto、w-min、w-max、w-fit,并可按断点响应式设置(如 w-full md:w-1/2 lg:w-1/3)。高度类 h-0 至 h-96 为 0 至 384px,另有 h-full、h-screen、h-auto、h-min、h-max、h-fit;自 v3.4 起提供 h-dvh 动态视口高度,可考虑浏览器界面占用。自 v4.2 起提供逻辑尺寸 inline-、block- 及 min/max 变体,按书写模式沿行内/块轴计量,支持间距刻度、分数、full、screen、auto,其中 inline-* 还支持容器刻度(inline-sm、inline-xl 等)。最小/最大宽度含 min-w-0、min-w-full、min-w-min、min-w-max、min-w-fit 与 max-w-none、max-w-full、max-w-screen-sm 至 max-w-screen-2xl;最小/最大高度含 min-h-0、min-h-full、min-h-screen、min-h-min、min-h-max、min-h-fit 与 max-h-none、max-h-full、max-h-screen、max-h-min、max-h-max、max-h-fit。宽高比含 aspect-auto、aspect-square(1/1)、aspect-video(16/9),并可用任意值写自定义比例,如 aspect-[3/2]。
使用方式与常见组合:全屏容器用 w-screen h-dvh;限宽内容用 max-w-4xl mx-auto w-full px-4;图片包裹用外层 w-full h-auto,图片本身 w-full h-auto object-cover;视频容器用 w-full aspect-video bg-black,视频 w-full h-full;侧边栏用 flex min-h-screen 布局,侧栏 w-64 h-screen overflow-auto,主区 flex-1。
限制:资料未提供安装方式、版本升级步骤、浏览器兼容范围与性能说明,暂未提供;请按项目实际配置核对类名与断点是否可用。