多尺寸视口预览

在隔离 iframe 中查看本地 HTML/CSS 在不同逻辑宽度下的布局。

输入与结果示例

粘贴卡片布局，分别设为 390 与 1024px，比较媒体查询生效情况。

使用范围与注意事项

• 输入在浏览器本地处理，不上传、不默认保存。
• 不接入远程网址，不执行脚本或表单，不加载外部资源；HTML/CSS 最大 10 万字符。
• 这不是设备仿真，也不替代真机、Safari/Chrome 等目标浏览器验收。

常见问题

能直接保证所有设备适配吗？

不能，工具生成与计算辅助方案；上线前仍需检查目标设备、用户字体设置与目标浏览器。