在线生成响应式网页所需的 viewport meta 标签,可视化配置宽度、初始缩放、最大最小缩放、用户缩放及 viewport-fit 安全区,实时预览并一键复制代码,免费且浏览器本地运行不上传数据。
width=device-width, initial-scale=1.0先填写或调整「宽度」、「自定义宽度」、「初始缩放」、「最小缩放」、「最大缩放」、「视口适配」;修改输入或使用页面控件后查看结果区域。可先用「自定义宽度」中的示例 「1024」熟悉输入格式,再替换成自己的数据。
本页提供「device-width」、「自定义」选项。先按实际输入和目标选择「宽度」,再执行操作;比较两次结果时,保持其他参数一致,避免把不同模式的结果混在一起。
先用最小示例验证,再将结果放回实际开发环境检查。语言版本、运行环境、编码和配置项可能与浏览器中的处理规则不同。
本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接,以及带外部地址的内容预览仍可能产生网络请求;“本地处理”并不表示整个网页完全没有网络活动。
先检查「宽度」、「自定义宽度」、「初始缩放」是否完整,以及格式、单位和当前选项是否匹配。修改输入后,查看页面的结果或错误提示;可先用少量数据定位问题。
流体排版 / CSS clamp 生成器 · JSON 格式化 · Base64 编解码 · URL 编解码 · 全部开发工具