尾风CSS响应断点在Vue中不工作

我最近为我的Vue项目安装了Tailwind。它花了一些时间让它工作，但最后，它工作了，即使在VS代码中完成了代码

我现在面临的问题是，我不能在项目中的任何地方使用断点

<div class="container mx-auto">
    <div class="card w-full sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/3">
        // Content
    </div>
</div>

//内容

我想要实现的是，在桌面上的div为1/3，在移动设备上的div为全宽。我得到的是全幅的。我在网上也找不到像这样的东西

我想说的是，如果有帮助的话，我正在使用VueJS。有什么想法吗

---

提前感谢。

在休息后终于找到了解决方案，并找到了一个使用Tailwind的Vue项目。我需要安装它并将其添加到

postss.config.js

npm安装POSTSS预设环境--保存开发文件

postsss.config.js

module.exports={
插件：[
require（'postsss-preset-env'）（{stage:0}），
需要（'tailwindcss'）（'tailwind.js'），
需要（'autoprefixer'）
]
}

1.4.6版的

container

css类中，我遇到断点不工作的问题。只是更新到更新版本的tailwindcss就有帮助了。