首页›文本·编码·数据›Viewport Meta 标签生成

Viewport Meta 标签生成

通过勾选宽度、初始缩放、是否允许用户缩放等选项,生成适配移动设备的 viewport meta 标签代码,帮助页面在手机上正确布局。

永久免费本地计算 · 零上传

🔒 全程在浏览器内计算,输入内容不会离开您的设备。

怎么用

  1. 设置宽度与初始缩放值
  2. 选择最小最大缩放范围
  3. 开启或禁止用户缩放
  4. 复制 meta 标签放入 head

典型场景

新项目快速加上移动端声明
调整页面在手机的缩放行为
禁止双指放大以适配游戏

常见问题

width=device-width 是什么?

让布局宽度等于设备像素宽度,是移动适配常用写法。

能禁止用户缩放吗?

可设置相关项,但出于无障碍一般不建议完全禁止。

放在哪生效?

需作为 meta 标签置于文档 head 靠前的位置。

相关工具