Max-Width
<https://www.tailwindcss.cn/docs/max-width>
用法
| Class | Properties |
|---|---|
| max-w-0 | max-width: 0px; |
| max-w-px | max-width: 1px; |
| max-w-0.5 | max-width: 0.125rem; |
| max-w-1 | max-width: 0.25rem; |
| max-w-1.5 | max-width: 0.375rem; |
| max-w-2 | max-width: 0.5rem; |
| max-w-2.5 | max-width: 0.625rem; |
| max-w-3 | max-width: 0.75rem; |
| max-w-3.5 | max-width: 0.875rem; |
| max-w-4 | max-width: 1rem; |
| max-w-5 | max-width: 1.25rem; |
| max-w-6 | max-width: 1.5rem; |
| max-w-7 | max-width: 1.75rem; |
| max-w-8 | max-width: 2rem; |
| max-w-9 | max-width: 2.25rem; |
| max-w-10 | max-width: 2.5rem; |
| max-w-11 | max-width: 2.75rem; |
| max-w-12 | max-width: 3rem; |
| max-w-14 | max-width: 3.5rem; |
| max-w-16 | max-width: 4rem; |
| max-w-20 | max-width: 5rem; |
| max-w-24 | max-width: 6rem; |
| max-w-28 | max-width: 7rem; |
| max-w-32 | max-width: 8rem; |
| max-w-36 | max-width: 9rem; |
| max-w-40 | max-width: 10rem; |
| max-w-44 | max-width: 11rem; |
| max-w-48 | max-width: 12rem; |
| max-w-52 | max-width: 13rem; |
| max-w-56 | max-width: 14rem; |
| max-w-60 | max-width: 15rem; |
| max-w-64 | max-width: 16rem; |
| max-w-72 | max-width: 18rem; |
| max-w-80 | max-width: 20rem; |
| max-w-96 | max-width: 24rem; |
| max-w-none | max-width: none; |
| max-w-xs | max-width: 20rem; |
| max-w-sm | max-width: 24rem; |
| max-w-md | max-width: 28rem; |
| max-w-lg | max-width: 32rem; |
| max-w-xl | max-width: 36rem; |
| max-w-2xl | max-width: 42rem; |
| max-w-3xl | max-width: 48rem; |
| max-w-4xl | max-width: 56rem; |
| max-w-5xl | max-width: 64rem; |
| max-w-6xl | max-width: 72rem; |
| max-w-7xl | max-width: 80rem; |
| max-w-full | max-width: 100%; |
| max-w-min | max-width: min-content; |
| max-w-max | max-width: max-content; |
| max-w-fit | max-width: fit-content; |
| max-w-prose | max-width: 65ch; |
| max-w-screen-sm | max-width: 640px; |
| max-w-screen-md | max-width: 768px; |
| max-w-screen-lg | max-width: 1024px; |
| max-w-screen-xl | max-width: 1280px; |
| max-w-screen-2xl | max-width: 1536px; |
读取宽度
- max-w-prose 实用程序为元素提供了针对可读性进行优化的最大宽度，并根据字体大小进行调整。
限制你的断点
max-w-screen-{breakpoint} 类可用于为元素提供与特定断点匹配的最大宽度。这些值是自动从 tailwind.config.js 文件的 theme.screens 部分派生的。