广东开放大学响应式Web程序设计（专2021秋）-测验1：响应式网页及其元素（15）答案

1、试卷总分:100 得分:100以下这个语句，表示屏幕像素密度为3倍的时候，匹配的图像是（） mg rcset =img/1_1280.jpg 3x,img/1_640.jpg 2x,img/1_320.jpg 1x/1_640.jpg1_320.jpg无匹配的图像1_1280.jpg答案:D2.媒体查询条件中，如果要指定只适用于某种设备或情形，可以用关键字（）butonlynotand答案:B3.关于以下语句中的initial-scale表示的是（） meta name=viewport content=width=device-width, initial-scale=1.0, maximu

2、m-scale=1.0, user-scalable=0。是否允许用户进行缩放操作允许用户的最大缩放值页面的初始缩放值允许用户的最小缩放值答案:C4.以下HTML代码定义的媒体查询条件下，如果设备的屏幕方向为横向，则页面背景颜色为（）?ody ackground-color:silver ; media only screen and (orientation: landscape) ody ackground-color: lightblue; ?浅蓝色蓝色银色红色答案:A5.以下不属于自适应”网站的缺点的是（）在网站维护时需要同时兼顾多个不同版本的网页可以极大地保证不同环境下的显示效果维护

3、的工作将会呈几何级数上升大大地增加架构设计的复杂度答案:B6.关于以下语句中的user- scalable表示的是（） meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0。页面的初始缩放值允许用户的最大缩放值是否允许用户进行缩放操作允许用户的最小缩放值答案:C7.响应式网页时，在开发时一般以（）优先”。台式电脑大屏幕设备移动设备笔记本电脑答案:C8.在以下这个语句中的viewport表示屏幕的（ ）。 meta name=viewport con

4、tent=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0指定元素的大小可视区域指定元素的可见大小总大小答案:B9.媒体查询特性中，（）定义输出设备中的屏幕方向。device- heightdevice- widthorientationresolution答案:C10.根据以下语句，如果当前屏幕尺寸不超过320像素时，将自动匹配（ ）这个图像。 img src=“img /img/1_1280.jpg” srcset =“img/1_1280.jpg 1280w, img/1_640.jpg 6

5、40w,img/1_320.jpg 320w”/1_640.jpg1_1280.jpg1_320.jpg以上均不能匹配答案:C11.如果在当前的div main中设置了其字体为5em，而当前div又在另一个div的container中。如果container设置了字体大小的为5em，那么假如当前浏览器默认的字体大小是16px，这样在container中的字体大小是（ ），而在main中的字体大小就应该是（ ）。80px，400px16px，16px80px，80px16px，80px答案:A12.响应式网页的核心思想，在于（）多个网页，普遍适用一次设计，普遍适用多个网页普遍适用答案:B13.以

6、下哪个版本的浏览器不支持媒体查询（）。IE 7.0Opera 9.0Chrome 21IE 9.0答案:A14.常用媒体特性中，（）定义输出设备中的屏幕最小可见高度及宽度。min- device- height，min- device- widthmax- height，max- widthmax- device- height，max- device- widthmin- width，min- height答案:A15.响应式网页往往包含多个（）语句，用于适配不同的显示条件。多媒体网格媒体查询地址跳转答案:C16.若有以下语句，则若当前屏幕宽度为960px，则图像宽度将显示为（） img s

7、rc=img/1_1280.jpg sizes=(min-width:1200px) calc(43vw), 50vw/。516px50px500px当前屏幕宽度的43%答案:C17.link rel=stylesheet type=text/css href=site.css media=print /这个语句表示在（ ）内容的显示。移动设备上屏幕上触摸设备打印预览下答案:D18.以下HTML代码定义的媒体查询条件下，如果设备的屏幕方向为纵向，则页面背景颜色为（）?ody ackground-color:silver ; media only screen and (orientation:

8、 landscape) ody ackground-color: lightblue; 红色银色蓝色浅蓝色答案:B19.常用媒体特性中，（）定义输出设备中的页面最大可见区域高度及宽度。min- device- height，min- device- widthdevice- height，device- widthmin- width，min- heightmax- height，max- width答案:D20.以下关于媒体查询的说法，不正确的是（）。为一些特定的输出设备定制特定的显示效果为不同终端的用户都能提供较好的浏览体验为不同终端的用户实现不同跳转让CSS能更精确地作用于不同的媒体类型和同一媒体的不同条件答案:C21.响应式网页设计已经成为当今网页开发技术的新潮流。答案:正确22.css中的1px都等于显示设备的1px。答案:错误23.响应式网页不管使用什么设备打开的都是同一个网页。答案:正确24.meta语句中的viewport表示屏幕的总大小。答案:错误25.媒体查询条件中，如果要指定只适用于某种设备或情形，可以用关键字all。答案:错误26.自适应网页可能使得维护的工作将呈几何级数上升，还会大大地增加架构设计的复杂度。答案: