🚀 viewport常见设置都有哪些

📅 发布于 2026年1月 | 👤 作者:博主 | 🏷️ 标签:viewport, 响应式设计, 移动端适配, Web开发, 前端, 面试

欢迎来到我的博客文章!所有文章都是满满的前端干货,文章简明扼要。

设置 解释
width 设置 layout viewport 的宽度,为一个正整数,或字符串"width-device"
width=device-width(推荐),表示宽度等于设备屏幕的宽度
initial-scale 设置页面的初始缩放值,1.0(常用)表示不缩放
minimum-scale 允许用户的最小缩放值,1.0(禁止缩小) 通常不推荐限制用户缩放
maximum-scale 允许用户的最大缩放值,1.0(禁止放大)
height 设置 layout viewport 的高度,这个属性对我们并不重要,很少使用
user-scalable 是否允许用户进行缩放,值为"no"或"yes", no 可能影响无障碍访问(如视力障碍者)❌ 不推荐
推荐的通用设置(响应式网页标准写法):
<meta name="viewport" content="width=device-width, initial-scale=1.0">
← 返回首页