TailwindCSS如何实现断点前缀功能？

Question

在TailwindCSS中，您可以指定这样的代码：

<div class="bg-red-500 sm:bg-green-500 md:bg-blue-500></div>

以便默认颜色为红色，在“ sm”断点处为绿色，在“ md”断点处为蓝色。

您可以通过在每个断点之前加上相应的字母和“：”来将其分配给任何断点。

TailwindCSS会为每个定义的断点/内部简单地生成每个实用程序类吗？

Answer 1

简短回答

是，它会生成每个按顺风配置文件定义的内容。

更长的答案

它会根据配置生成所有类。这是为了使您的开发工作更轻松，因此您不必担心定义了哪些类和没有定义什么类。现在您可能不希望在生产环境中顺风提供所有类，而只希望您实际使用的那些类。如果您想了解更多有关如何控制文件大小和删除未使用的CSS的信息，请阅读tailwind docs。