index.css

@import "tailwindcss";
@config "../tailwind.config.js";

移动端优先（默认）

// tailwind.config.js
/** @type {import('tailwindcss').Config} */
export default {
  theme: {
    screens: {
      sm: '640px', // ≥640px
      md: '768px', // ≥768px
      lg: '1024px', // ≥1024px
      xl: '1280px', // ≥1280px
      '2xl': '1536px' // ≥1536px
    }
  },
  plugins: []
}

PC 端优先

// tailwind.config.js
/** @type {import('tailwindcss').Config} */
export default {
  theme: {
    screens: {
      '2xl': { max: '1535px' }, // ≤1535px
      xl: { max: '1279px' }, // ≤1279px
      lg: { max: '1023px' }, // ≤1023px
      md: { max: '767px' }, // ≤767px
      sm: { max: '639px' } // ≤639px
    }
  },
  plugins: []
}