📐 响应式断点演示
拖拽调整视口宽度,观察布局在不同断点下的变化
800px · md
sm 640
md 768
lg 1024
xl 1280
example.com
Logo
首页产品关于
响应式布局演示
当前断点: md (800px)
© 2026 Demo隐私政策 · 条款
Tailwind CSS 断点: xs (<640) · sm (≥640) · md (≥768) · lg (≥1024) · xl (≥1280) · 2xl (≥1536)
拖拽右侧手柄或使用顶部按钮切换视口宽度