[TOC] > [home](https://tailwindcss.com/) > [中文](https://www.tailwindcss.cn/docs/responsive-design) ## 特性 1. 支持 html,vue,react 2. v.2 已取消對IE 11 的支持 ,要支持 IE11 使用 v1.9 ## 響應式設計 | 斷點前綴 | 最小寬度 | CSS | | --- | --- | --- | | `sm` | 640px | `@media (min-width: 640px) { ... }` | | `md` | 768px | `@media (min-width: 768px) { ... }` | | `lg` | 1024px | `@media (min-width: 1024px) { ... }` | | `xl` | 1280px | `@media (min-width: 1280px) { ... }` | | `2xl` | 1536px | `@media (min-width: 1536px) { ... }` | 而加了前綴的功能類僅在指定斷點及以上的屏幕上生效,如 "md:bg-black" 表示在 768px 像素及以上背景為黑色 ### 移動優先 - 不要使用 sm: 來定位移動設備 - 使用無前綴的功能類來定位移動設備，并在較大的斷點處覆蓋它們 ### h-n/p-n 中n的值 以h-n 為例 h-1 中 1 為0.25rem, h-2 為0.5rem, n的rem轉為px 只許乘以4 如 h-1 即 高為4px,