tailwind 默认自带 .container 类，但是UI设计的宽度断点与默认配置不一致，所以需要针对默认值进行修改。查阅了相关资料，得到的配置如下：
// tailwind.config.js
module.exports = {
mode: 'jit',
theme: {
container: {
// 默认配置container为居中
center: true,
// 配置默认的padding
padding: '1rem',
// 配置默认的响应式断点
screens: {
sm: '600px',
md: '728px',
lg: '984px',
xl: '1240px',
'2xl': '1496px',
},
},
},
variants: {},
plugins: [],
}
当然，如果断点太多，直接不配置即可。例如你只想配置配置 sm，md，xl 三种大小即可
screens: {
sm: '600px',
md: '728px',
xl: '1240px',
}
