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

Question

2xl 的 tailwind CSS 容器宽度不是我想要的。我该如何改变它？

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

Answer 1

仅向 tailwind.config.js 添加必要的断点。您可以在 tailwind theme config 中看到默认值

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) { ... }
        }
    }
}