css 如何更改桌面优先中默认的移动优先方法(Tailwind)?

oxosxuxt  于 2023-01-03  发布在  其他
关注(0)|答案(2)|浏览(200)

有没有机会改变它,或者我必须使用移动优先的方法与顺风?

kupeojn6

kupeojn61#

进入你的tailwind.js配置文件,查找screens部分,默认情况下你会发现屏幕大小列表如下:默认情况下Tailwind使用最小宽度,您可以将这些值更改为'sm': {'max':'576px'}以强制使用最大宽度。

dly7yett

dly7yett2#

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

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

此处,绿色将应用于所有屏幕尺寸,红色将仅覆盖未来中等断点(768 px)的屏幕。
更多信息:https://tailwindcss.com/docs/responsive-design#targeting-a-breakpoint-range

相关问题