有没有机会改变它,或者我必须使用移动优先的方法与顺风?
kupeojn61#
进入你的tailwind.js配置文件,查找screens部分,默认情况下你会发现屏幕大小列表如下:默认情况下Tailwind使用最小宽度,您可以将这些值更改为'sm': {'max':'576px'}以强制使用最大宽度。
tailwind.js
screens
'sm': {'max':'576px'}
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
2条答案
按热度按时间kupeojn61#
进入你的
tailwind.js
配置文件,查找screens
部分,默认情况下你会发现屏幕大小列表如下:默认情况下Tailwind使用最小宽度,您可以将这些值更改为'sm': {'max':'576px'}
以强制使用最大宽度。dly7yett2#
Tailwind为每个断点生成一个相应的max-* 修饰符。例如:
此处,绿色将应用于所有屏幕尺寸,红色将仅覆盖未来中等断点(768 px)的屏幕。
更多信息:https://tailwindcss.com/docs/responsive-design#targeting-a-breakpoint-range