Tailwindmax-w-7xlmx-auto使用方法

自定义 max-w-7xl 或绕过它用 CSS 变量

Tailwind 默认的 max-w-7xl 是写死的 1280px，但项目可能需要 1140px（Bootstrap）、1320px（Figma 设计稿）或响应式阶梯值。这时别硬凑 utility class，直接改配置更稳：

在 tailwind.config.js 的 theme.extend.maxWidth 里添加：

maxWidth: {
  '7.5xl': '1320px',
  'content': 'min(100%-2rem, 1280px)', // 响应式留白
}

理论要掌握，实操不能落！以上关于《Tailwindmax-w-7xlmx-auto使用方法》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！