加载预览中...
📋 响应式断点参考
| 断点名称 | 最小宽度 | 目标设备 |
|---|---|---|
| xs | 0px | 小屏手机 |
| sm | 576px | 大屏手机/小平板 |
| md | 768px | 平板 |
| lg | 992px | 小桌面/笔记本 |
| xl | 1200px | 桌面显示器 |
| xxl | 1400px | 大屏显示器 |
免费在线响应式设计测试工具。输入网址即可在手机、平板、笔记本、桌面等不同设备尺寸下预览网页效果。无需注册，数据绝不上传服务器。
零依赖·可离线使用加载预览中...
| 断点名称 | 最小宽度 | 目标设备 |
|---|---|---|
| xs | 0px | 小屏手机 |
| sm | 576px | 大屏手机/小平板 |
| md | 768px | 平板 |
| lg | 992px | 小桌面/笔记本 |
| xl | 1200px | 桌面显示器 |
| xxl | 1400px | 大屏显示器 |
免费在线响应式设计测试工具，帮助前端开发者和设计师快速检查网页在不同设备尺寸下的显示效果。支持手机、平板、笔记本、桌面等多种预设尺寸，也可以自定义任意宽高进行测试。
在输入框中输入要测试的网址（默认已填入本站首页），然后点击预设设备按钮或手动调整宽度/高度，预览区域会自动调整尺寸。点击"加载"按钮刷新预览。部分网站因安全策略限制无法在iframe中加载，属于正常现象。
支持。除了预设的手机/平板/桌面尺寸外，您可以手动输入任意宽度和高度进行自定义测试。
部分网站设置了X-Frame-Options:SAMEORIGIN或Content-Security-Policy头，禁止在iframe中加载，这是网站自身的安全策略，并非本工具的问题。
所有操作在浏览器本地完成。您输入的网址仅用于加载预览，不会上传到任何服务器。
支持。您可以使用旋转按钮在横屏和竖屏之间切换，预览区域会自动调整宽高。