网页设计师响应式布局试卷及分析.docxVIP

网页设计师响应式布局试卷及分析

一、单项选择题（共10题，每题1分，共10分）

以下哪个meta标签是实现网页移动端响应式适配时必须配置的核心标签？

A.声明网页字符编码的meta标签

B.配置viewport属性的meta标签

C.设置网页作者信息的meta标签

D.配置SEO关键词的meta标签

答案：B

解析：配置viewport属性的meta标签可以禁止移动端浏览器默认对页面进行缩放，让页面尺寸匹配设备实际屏幕宽度，是响应式适配的基础前提。其他选项里，字符编码标签用于避免页面中文乱码，作者和关键词meta标签仅用于信息标注和SEO优化，和响应式适配没有直接关联。

响应式布局中常用的rem单位的基准参考值来自哪里？

A.浏览器默认字体大小

B.页面根元素html的字体大小

C.当前父级元素的字体大小

D.设备屏幕的像素密度

答案：B

解析：rem的全称是rootem，计算基准完全来自页面根元素html设置的字体大小，开发者可以通过动态修改根元素字体大小实现不同屏幕下的等比例缩放。选项A是没有自定义设置时的初始默认状态，不属于rem的定义规则；选项C是em单位的计算规则；选项D是和设备像素比相关的属性，和rem基准无关。

国内移动端适配场景中，业界普遍使用的最小响应式断点通常设置为多少像素？

A.320px

B.768px

C.1024px

D.192