css - 如何在 tailwind-css 中自定义容器宽度？

Question

我不需要 2xl 的 tailwind CSS 容器宽度。我怎样才能改变它？

我想在 2xl 中删除其默认宽度。我该怎么做？

标签： csstailwind-css

Answer 1

仅向tailwind.config.js添加必要的断点。您可以在顺风主题配置中看到的默认值

module.exports= {
    theme: {
        screens: {
            'sm': '640px', // => @media (min-width: 640px) { ... }
            'md': '768px', // => @media (min-width: 768px) { ... }
            'lg': '1024px', // => @media (min-width: 1024px) { ... }
            'xl': '1280px', // => @media (min-width: 1280px) { ... }
        }
    }
}