视口元标签 Viewport Meta Tag
一句话定义
放在网页 <head> 中的一行核心代码，指导手机浏览器如何缩放和控制页面的尺寸比例。
打个比方 Analogy
投影仪的"自动梯形校正与画面自适应幕布"开关。没开这个开关，手机就会硬把一整块大电脑屏幕缩成蚂蚁大小塞进手机框里。
岗位实战怎么做 In Practice
标准写法固定为：<meta name="viewport" content="width=device-width, initial-scale=1.0">（把页面宽度设为手机屏幕宽度，初始缩放比例 1:1）。
案例与避坑 Pitfalls
千万不要在里面加上 maximum-scale=1.0 或 user-scalable=no！ 很多前端为了省事禁止用户双指放大页面，这不仅严重违反无障碍可访问性（视力不佳的用户需要放大看字），还会被 Lighthouse 直接扣分！