max-width

相关文章推荐

有腹肌的火锅 · 子组合器 - CSS：层叠样式表 | MDN· 1 月前 ·

爱健身的电脑桌 · 接续兄弟组合器 - CSS：层叠样式表 | MDN· 1 月前 ·

长情的企鹅 · 查看和更改 CSS 入门 - ...· 1 月前 ·

温柔的黄瓜 · 递归+回溯求解数独问题_小数志的博客-CSDN博客· 2 年前 ·

迷茫的烈马 · [Day23]：Vite 環境最麻煩了 ...· 2 年前 ·

乐观的香菇 · jackson xml string to ...· 2 年前 ·

欢乐的灭火器 · Android代码混淆&组件化和SDK混淆方 ...· 2 年前 ·

慷慨大方的薯片 · 如何在一个JSON对象中进行循环？· 2 年前 ·

Class	Styles
`max-w- <number>`	`max-width: calc(var(--spacing) * <number> );`
`max-w- <fraction>`	`max-width: calc( <fraction> * 100%);`
`max-w-3xs`	`max-width: var(--container-3xs); /* 16rem (256px) */`
`max-w-2xs`	`max-width: var(--container-2xs); /* 18rem (288px) */`
`max-w-xs`	`max-width: var(--container-xs); /* 20rem (320px) */`
`max-w-sm`	`max-width: var(--container-sm); /* 24rem (384px) */`
`max-w-md`	`max-width: var(--container-md); /* 28rem (448px) */`
`max-w-lg`	`max-width: var(--container-lg); /* 32rem (512px) */`
`max-w-xl`	`max-width: var(--container-xl); /* 36rem (576px) */`
`max-w-2xl`	`max-width: var(--container-2xl); /* 42rem (672px) */`
`max-w-3xl`	`max-width: var(--container-3xl); /* 48rem (768px) */`
`max-w-4xl`	`max-width: var(--container-4xl); /* 56rem (896px) */`
`max-w-5xl`	`max-width: var(--container-5xl); /* 64rem (1024px) */`
`max-w-6xl`	`max-width: var(--container-6xl); /* 72rem (1152px) */`
`max-w-7xl`	`max-width: var(--container-7xl); /* 80rem (1280px) */`
`max-w-none`	`max-width: none;`
`max-w-px`	`max-width: 1px;`
`max-w-full`	`max-width: 100%;`
`max-w-dvw`	`max-width: 100dvw;`
`max-w-dvh`	`max-width: 100dvh;`
`max-w-lvw`	`max-width: 100lvw;`
`max-w-lvh`	`max-width: 100lvh;`
`max-w-svw`	`max-width: 100svw;`
`max-w-svh`	`max-width: 100svh;`
`max-w-screen`	`max-width: 100vw;`
`max-w-min`	`max-width: min-content;`
`max-w-max`	`max-width: max-content;`
`max-w-fit`	`max-width: fit-content;`
`container`	`width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; }`
`max-w-( <custom-property> )`	`max-width: var( <custom-property> );`
`max-w-[ <value> ]`	`max-width: <value> ;`

推荐文章

有腹肌的火锅 · 子组合器 - CSS：层叠样式表 | MDN

1 月前

爱健身的电脑桌 · 接续兄弟组合器 - CSS：层叠样式表 | MDN

1 月前

长情的企鹅 · 查看和更改 CSS 入门 - Microsoft Edge Developer documentation | Microsoft Learn

1 月前

温柔的黄瓜 · 递归+回溯求解数独问题_小数志的博客-CSDN博客

2 年前

迷茫的烈马 · [Day23]：Vite 環境最麻煩了 part 2 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2 年前

乐观的香菇 · jackson xml string to map-掘金

2 年前

欢乐的灭火器 · Android代码混淆&组件化和SDK混淆方案 - 知乎

2 年前

慷慨大方的薯片 · 如何在一个JSON对象中进行循环？

2 年前

Examples

Basic example

Using a percentage

Using the container scale

Using breakpoints container