尺寸断点

尺寸断点（`sm、md、lg、xl`）

框架/类型	断点名称	屏幕宽度（min-width）	常用性	备注
Bootstrap	`xs`	`<576px`	常用	移动优先设计，默认断点范围较小1
	`sm`	`576px`	常用	手机横屏/小平板适配起点
	`md`	`768px`	常用	平板设备适配标准1
	`lg`	`992px`	常用	笔记本电脑屏幕适配
	`xl`	`1200px`	常用	台式机显示器标准
	`xxl`	`1400px`	不常用	部分版本扩展的超大屏幕适配
Element Plus	`xs`	`<768px`	常用	基于 Element UI 的调整，适配移动端1
	`sm`	`768px`	常用	中等屏幕起点
	`md`	`992px`	常用	接近 Bootstrap 的 `lg` 断点
	`lg`	`1200px`	常用	大屏幕适配
	`xl`	`1904px`	不常用	超宽屏设备适配，数值较大1
	`2xl`	`1904px`	不常用	与 `xl` 断点相同，部分场景用于区分更高分辨率
Tailwind CSS	`sm`	`640px`	常用	移动优先，适配手机横屏57
	`md`	`768px`	常用	平板设备适配起点
	`lg`	`1024px`	常用	笔记本电脑及小型桌面屏幕5
	`xl`	`1280px`	常用	标准台式显示器
	`2xl`	`1536px`	较常用	超宽屏适配（如 4K 显示器），现代框架常见扩展57
传统媒体查询	`移动端`	`320px-480px`	常用	基础手机设备适配
	`平板`	`768px`	常用	通用平板设备标准
	`桌面`	`1024px-1200px`	常用	传统 PC 屏幕适配
	`大屏`	`1440px-1920px`	不常用	自定义超大屏幕适配（如广告屏、投影设备）
	`3xl+`	`≥1920px`	极少用	特殊场景（如超宽屏或分屏显示）