项目中途接入tailwindcss导致的高度留白问题

92 阅读1分钟

今天在项目中突然想到用postcss的插件tailwind,然后配置好之后发现在页面的最下方多出了很多空白的部分。

image.png 然后寻找开始寻找问题出现的原因。最后发现是tailwind设置了全局的box-sizing: border-box; 解决办法:在项目全局css中,替换掉tailwind的box-sizing:box-sizing为box-sizing:initial;

image.png