Viewport Meta 标签生成
通过勾选宽度、初始缩放、是否允许用户缩放等选项,生成适配移动设备的 viewport meta 标签代码,帮助页面在手机上正确布局。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算,输入内容不会离开您的设备。
怎么用
- 设置宽度与初始缩放值
- 选择最小最大缩放范围
- 开启或禁止用户缩放
- 复制 meta 标签放入 head
典型场景
新项目快速加上移动端声明
调整页面在手机的缩放行为
禁止双指放大以适配游戏
常见问题
width=device-width 是什么?
让布局宽度等于设备像素宽度,是移动适配常用写法。
能禁止用户缩放吗?
可设置相关项,但出于无障碍一般不建议完全禁止。
放在哪生效?
需作为 meta 标签置于文档 head 靠前的位置。