顺风：响应式设计不适用于网格

Question

我想在较小的屏幕尺寸上将 grid-cols-4 改为 grid-cols-1。下面的代码没有解决问题。它停留在 grid-cols-1 本身：

      <div className="grid grid-cols-1 md:grid-cols-4 gap-4 ">
        <div className='images col-span-2'>...</div>
        <div className='info col-span-2'>...</div>
      </div>

Answer 1

通过卸载 tailwind 并重新安装解决了这个问题，但这次是这样做的：

npx tailwindcss -i ./src/input.css -o ./src/output.css --full

添加了 --full 选项。