如何更改桌面优先中默认的移动优先方法（Tailwind）？

Question

有没有机会改变它，或者我必须使用 Tailwind 的移动优先方法？

Answer 1

转到您的tailwind.js配置文件，查找该screens部分。默认情况下，您将找到如下屏幕尺寸列表：'sm': '576px'。Tailwind 默认使用 min-width，您可以更改这些值以'sm': {'max':'576px'}强制使用 max-width。

Answer 2

Tailwind 为每个断点生成相应的 max-* 修饰符。例如：

   <h1 class="text-green-500 max-md:text-red-500">Test</h1>

此处，绿色将应用于所有屏幕尺寸，红色将仅针对小于中断点 (768px) 的屏幕覆盖它。