问未应用顺风响应样式
EN

Stack Overflow用户

提问于 2020-01-14 09:03:51

回答 1查看 374关注 0票数 0

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

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

这个css文件被导入到index.js (react组件)中。但是，我有像这样的<section className="min-w-full mb-10 flex lg:justify-end sm:justify-center">类名，但是sm就是不能应用。

如果我的设置不正确，你知道吗？

发布于 2020-08-06 01:30:05

要瞄准真正的小型设备，你只需输入justify-center，因为Tailwind是移动优先的。sm-前缀针对大于640px的设备。

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59726266

复制

相似问题

问未应用顺风响应样式EN