制作响应式网页时，开发者在 head 中加入 `<meta name="viewport" content="width=device-width, initial-scale=1">`。这样做的主要目的是（）。
viewport 元标签用于控制移动浏览器的视口宽度和初始缩放比例。设置 width=device-width 后，页面布局宽度会与设备屏幕宽度匹配，更利于响应式布局在手机端正常显示。
选项分析
正确。viewport 可以让移动端按设备宽度计算布局，是响应式页面的常见基础设置。
错误。viewport 不负责翻译文本。
错误。服务器是否返回 HTML 与 viewport 设置无关。
错误。viewport 不会删除 CSS，而是配合 CSS 完成移动端适配。
本题为什么容易错
很多同学只记得响应式要写 CSS，却忽略 viewport。如果没有合适的视口设置，媒体查询和弹性布局在手机上也可能表现得很别扭。
简短答案
移动端网页为什么通常要设置 viewport，正确答案是 A（让页面宽度按设备宽度布局，改善移动端显示效果）。viewport 元标签用于控制移动浏览器的视口宽度和初始缩放比例。设置 width=device-width 后，页面布局宽度会与设备屏幕宽度匹配，更利于响应式布局在手机端正常显示。
易混淆概念对比表
| 概念 | 本题判断 | 区别要点 | 记忆提示 |
|---|---|---|---|
| 让页面宽度按设备宽度布局，改善移动端显示效果 | 本题正确答案 | 正确。viewport 可以让移动端按设备宽度计算布局，是响应式页面的常见基础设置。 | 看到题干核心场景时优先联想到它 |
| 把所有文字自动翻译成英文 | 本题干扰项 | 错误。viewport 不负责翻译文本。 | 看到该词不要急着选，先判断是否真正解决题干问题 |
| 让服务器停止返回 HTML | 本题干扰项 | 错误。服务器是否返回 HTML 与 viewport 设置无关。 | 看到该词不要急着选，先判断是否真正解决题干问题 |
| 删除页面中的所有 CSS 样式 | 本题干扰项 | 错误。viewport 不会删除 CSS，而是配合 CSS 完成移动端适配。 | 看到该词不要急着选，先判断是否真正解决题干问题 |
本题易混淆选项怎么区分
- 把所有文字自动翻译成英文：错误。viewport 不负责翻译文本。
- 让服务器停止返回 HTML：错误。服务器是否返回 HTML 与 viewport 设置无关。
- 删除页面中的所有 CSS 样式：错误。viewport 不会删除 CSS，而是配合 CSS 完成移动端适配。
知识点详解
HTML是网页制作员考试中需要结合场景理解的考点。围绕“移动端网页为什么通常要设置 viewport”这类题目，复习时要先看题干描述的是概念定义、适用场景、作用效果，还是与其他选项的区别。本题的题干关键词是“制作响应式网页时，开发者在 head 中加入 `<meta name="viewport" content="width=device-width, initial-scale=1">`。这样做的主要目的是（）”，它指向的核心答案是 A（让页面宽度按设备宽度布局，改善移动端显示效果）。
备考速记
备考速记：题干如果强调“移动端适配”中的关键目标，就先联想到 HTML；如果选项里出现 把所有文字自动翻译成英文、让服务器停止返回 HTML、删除页面中的所有 CSS 样式，不要只看名称熟悉，要判断它们是否真正对应题干场景。
HTML 在移动端适配场景中的作用
HTML在本题中的核心价值，是解决“制作响应式网页时，开发者在 head 中加入 `<meta name="viewport" content="width=device-width, initial-scale=1">`。这样做的主要目的是（）”这个场景问题。复习时不要只背选项名称，还要理解它为什么适用于该场景，以及它能解决哪类安全、流程或管理问题。
同类题怎么考
- 给出移动端适配场景，判断应该选择哪个概念、工具、协议或管理过程。
- 考查HTML的作用，要求从四个相近选项中找出最符合题干目标的一项。
- 把HTML和把所有文字自动翻译成英文、让服务器停止返回 HTML、删除页面中的所有 CSS 样式放在一起考，重点看适用场景是否一致。
- 题干通常会出现一个关键动作或目标，先定位关键词，再回到选项逐一排除。
HTML 在网页制作员软考中的考法
软考选择题通常不会只考概念定义，还会把HTML放到移动端适配场景中，要求判断它的作用、适用范围或与相近概念的区别。遇到这类题时，先抓住题干中的业务场景，再看哪个选项最能解决该场景下的核心问题。
解题思路
这题不要把 viewport 理解成普通的 SEO 标签。它更偏前端显示层：告诉移动浏览器按设备宽度来排版，避免页面按很宽的桌面视口缩小后显示，导致文字过小、布局难读。
考点定位
移动端适配题常考 viewport、媒体查询和响应式布局。viewport 解决的是浏览器按什么宽度来计算页面布局的问题。
易错提醒
- viewport 通常写在 head 中。
- width=device-width 表示布局视口宽度采用设备宽度。
- viewport 常与媒体查询、弹性布局一起用于移动端适配。
备考提示
- 网页制作员题遇到手机端显示、页面缩放、响应式布局，优先想到 viewport 和媒体查询。
- 复习移动端适配时，把 viewport、百分比宽度、flex 布局和媒体查询放在一起看。
你可能还想了解
- 移动端网页为什么通常要设置 viewport？
- HTML是什么？
- HTML在网页制作员考试中怎么考？
- 网页制作员HTML题怎么理解？
- viewport 有什么用怎么考？
- 移动端网页为什么要设置 viewport怎么考？
本文小结
本题核心考点是HTML在移动端适配场景中的判断和应用。遇到类似题目时，先看题干描述的目标，再判断哪个选项最符合场景；本题应选择 A（让页面宽度按设备宽度布局，改善移动端显示效果）。