响应式测试工具

多设备预览工具,支持常见设备预设和自定义视口,一键查看响应式布局效果

×
iPhone 15 — 393 × 852竖屏

响应式测试工具使用说明

主要功能

  • 多设备预设 - 内置 12 款主流设备分辨率
  • 自定义尺寸 - 输入任意宽高进行测试
  • 横竖屏切换 - 一键切换 portrait / landscape
  • 缩放适配 - 自动缩放至可视区域
  • 截图导出 - 使用 html2canvas 截取预览画面

使用场景

  • 前端开发中的响应式布局调试
  • 移动端页面适配检查
  • 设计稿在不同设备上的展示验证
  • 客户演示多端兼容效果
  • 媒体查询断点测试

常见问题

相关工具