尾风响应样式未应用

Question

我有一个gatsby网站，它使用顺风作为npm依赖项。在global.css中，我导入了@tailwind指令。

/* @tailwind preflight; */
@tailwind components;
@tailwind utilities;
/* @tailwind tailwind; */
@tailwind screens;

此css文件被导入到index.js（反应组件）中。但是，我有这样的类名<section className="min-w-full mb-10 flex lg:justify-end sm:justify-center">，但是sm却没有得到应用。

知道我的设置可能不正确吗？

Answer 1

要定位真正的小型设备，只需键入justify-center，因为Tailwind是移动优先的。 sm-前缀定位大于640px的设备。

/* Small (sm) */
@media (min-width: 640px) { /* ... */ }