响应式布局检测
用 iframe 按指定视口预览。目标站点若禁止嵌入（X-Frame-Options / CSP），预览将空白，属对方站点策略。
响应式预览是什么？
响应式预览工具通过 iframe 按指定视口尺寸加载网页，模拟手机、平板、笔记本等常见设备的屏幕来检查页面布局。内置 iPhone SE、iPhone 12/13、iPad、笔记本、台式机、全高清等预设尺寸，也可手动输入宽高。
主要功能
- 内置 iPhone、iPad、笔记本、桌面与全高清等常用设备预设
- 宽度、高度（200-4000px）可自定义输入
- 无协议地址自动补全 https://
- iframe 预览，尺寸调整即时生效
- 一键示例与清空
使用场景 / 注意事项
适合在改版或联调时快速核对页面在不同屏幕下的表现。预览受目标站点策略限制，对方若设置 X-Frame-Options 或 CSP 禁止嵌入，页面会显示空白，这是站点自身策略，不是本工具的问题。
如何使用
- 输入要预览的网页 URL
- 选择设备预设或手动填写宽高
- 点击预览，页面即在对应视口下加载