如何在UnoCSS中使用任意断点？已尝试Tailwind语法未生效

• 方法1：直接使用UnoCSS动态媒体查询语法
  把你原来的 min-[780px]:flex-row 替换成 @[min-width:780px]:flex-row，这种写法是UnoCSS原生支持的动态断点格式，不需要额外配置就能生效。

• 方法2：配置自定义断点（更易复用）
  在项目的 uno.config.ts 里添加自定义断点配置，之后就能用简洁的前缀调用：

  import { defineConfig } from 'unocss'
  import presetWind from '@unocss/preset-wind'
  
  export default defineConfig({
    presets: [
      presetWind({
        theme: {
          screens: {
            min780: '780px',
            // 这里还可以添加其他自定义断点
          }
        }
      })
    ]
  })
  

  配置完成后，直接用 min780:flex-row 即可（如果需要max-width断点，可配置为 'max780': {'max': '780px'}）。

补充说明 #

UnoCSS Wind预设虽然对齐了Tailwind的大部分语法，但 min-[xxx]: 这种动态断点写法并非默认支持，所以需要通过上面两种方式适配。

内容的提问来源于stack exchange，提问作者sir-haver