2020年秋广东开放大学响应式Web程序设计形成性考核参考答案.docx

百年教育职业培训中心： HYPERLINK / / 广东开放大学 终结性考核 参考资料 百年教育职业培训中心编制 响应式Web程序设计（专20春） 测验1：响应式网页及其元素（10%） 题目1 正确 获得4.00分中的4.00分 未标记标记题目 题干 以下HTML代码定义的媒体查询条件下，如果设备的屏幕方向为横向，则页面背景颜色为（） ｂody { ｂackground-color:silver ; } ＠media only screen and (orientation: landscape) { ｂody { ｂackground-color: lightblue; } } 选择一项： a. 浅蓝色 b. 银色 c. 红色 d. 蓝色 反馈 你的回答正确 正确答案是：浅蓝色 题目2 正确 获得4.00分中的4.00分 未标记标记题目 题干 如果要求对所有媒体类型都适用，可以使用（ ）来指代所有支持的媒体类型。 选择一项： a. all b. but c. not d. only 反馈 正确答案是：all 题目3 正确 获得4.00分中的4.00分 未标记标记题目 题干 在以下这个语句中的viewport表示屏幕的（ ）。 ＜meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0〉 选择一项： a. 指定元素的可见大小 b. 可视区域 c. 总大小 d. 指定元素的大小 反馈 正确答案是：可视区域 题目4 正确 获得4.00分中的4.00分 未标记标记题目 题干 媒体查询特性中，（）定义输出设备中的分辨率。 选择一项： a. device- width b. orientation c. device- width d. resolution 反馈 正确答案是：resolution 题目5 正确 获得4.00分中的4.00分 未标记标记题目 题干 若有以下语句，则若当前屏幕宽度为960px，则图像宽度将显示为（） ＜img src=img/1_1280.jpg sizes=(min-width:1200px) calc(43vw), 50vw/＞。 选择一项： a. 500px b. 516px c. 50px d. 当前屏幕宽度的43% 反馈 正确答案是：500px 题目6 正确 获得4.00分中的4.00分 未标记标记题目 题干 常用媒体特性中，（）定义输出设备中的页面最大可见区域高度及宽度。 选择一项： a. device- height，device- width b. max- height，max- width c. min- device- height，min- device- width d. min- width，min- height 反馈 正确答案是：max- height，max- width 题目7 正确 获得4.00分中的4.00分 未标记标记题目 题干 如果在一个页面中，对于一个main的div设置了font-size为5rem，而这个main的div又在另一个container的div中，如果container也有font-size的设置5rem，那么假如当前浏览器默认的字体大小是16px，则在container中和main中的字体大小分别是（） 选择一项： a. 400px,400px b. 80px,400px c. 80px,80px d. 16px,80px 反馈 正确答案是：80px,80px 题目8 正确 获得4.00分中的4.00分 未标记标记题目 题干 关于以下语句中的initial-scale表示的是（） ＜meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0＞。 选择一项： a. 是否允许用户进行缩放操作 b. 允许用户的最大缩放值 c. 页面的初始缩放值 d. 允许用户的最小缩放值 反馈 正确答案是：页面的初始缩放值 题目9 正确 获得4.00分中的4.00分 未标记标记题目 题干 媒体查询条件中，如果要指定只适用于某种设备或情形，可以用关键字（） 选择一项： a. and b. but c. only d. not 反馈 正确答案是：only 题目10 正确 获得4.00分中的4.00分 未标记标记题目 题干 以下哪个版本的浏览器不支持媒体查询（）。 选择一项： a. Opera 9.0 b. Chrome 21 c. IE 7.0 d. IE