尺寸
最大宽度
用来设置元素最大宽度的功能类
语法
| Class | Properties | 平台兼容性说明 |
|---|---|---|
| max-w-0 | max-width: 0px; | H5、小程序、app-vue |
| max-w-none | max-width: none; | H5、小程序、app-vue |
| max-w-xs | max-width: 20 * 1rem; | H5、小程序、app-vue |
| max-w-sm | max-width: 24 * 1rem; | H5、小程序、app-vue |
| max-w-md | max-width: 28 * 1rem; | H5、小程序、app-vue |
| max-w-lg | max-width: 32 * 1rem; | H5、小程序、app-vue |
| max-w-xl | max-width: 36 * 1rem; | H5、小程序、app-vue |
| max-w-2xl | max-width: 42 * 1rem; | H5、小程序、app-vue |
| max-w-3xl | max-width: 48 * 1rem; | H5、小程序、app-vue |
| max-w-4xl | max-width: 56 * 1rem; | H5、小程序、app-vue |
| max-w-5xl | max-width: 64 * 1rem; | H5、小程序、app-vue |
| max-w-6xl | max-width: 72 * 1rem; | H5、小程序、app-vue |
| max-w-7xl | max-width: 80 * 1rem; | H5、小程序、app-vue |
| max-w-full | max-width: 100%; | H5、小程序、app-vue |
| max-w-min | max-width: min-content; | H5、小程序、app-vue |
| max-w-max | max-width: max-content; | H5、小程序、app-vue |
| max-w-prose | max-width: 65ch; | H5、小程序、app-vue |
| max-w-screen-sm | max-width: 640px; | H5、小程序、app-vue |
| max-w-screen-md | max-width: 768px; | H5、小程序、app-vue |
| max-w-screen-lg | max-width: 1024px; | H5、小程序、app-vue |
| max-w-screen-xl | max-width: 1280px; | H5、小程序、app-vue |
| max-w-screen-2xl | max-width: 1536px; | H5、小程序、app-vue |