注意：此页面搜索的是所有试题
国家开放大学Web的工作方式
1.响应式网页划分显示设备的分类，依据的是:（ ）。
A. 物理设备的大小 B.物理设备的显示分辨率大小
C. 网页body的大小 D. 浏览器窗口大小
2.要求当前网页加载时，视口大小等于设备宽，且初始时不缩放，下列代码正确的是（ ）。
A.<meta name="viewport" content="width=device-width, initial=noscale">
B.<meta name="viewport" content="width:device-width; initial-scale:1.0">
C.<meta name="viewport" content="width=device, initial-scale=1.0">
D.<meta name="viewport" content="width=device-width, initial-scale=1.0">
3.根据媒体查询执行不同CSS文件，要求只有视口宽大于768 px时，才执行print.css文件，下列代码正确的是（ ）。
A.<link media="screen && (minWsidth:768px)" rel="stylesheet" href=" print.css"/>
B.<link media="screen && (min-width>768px)" rel="stylesheet" href=" print.css"/>
C.<link media="screen and (minWidth:768px)" rel="stylesheet" href=" print.css"/>
D.<link media="screen and (min-width:768px)" rel="stylesheet" href=" print.css"/>
4.普通规则下，如果设备宽为767px，可认为其为（ ）设备。
A．超大屏 B. PC C. PAD D. 手机
5.PC设备显示器下，让class为box的元素背景为红色，下列代码正确的是（ ）。
A.@media screen and (min-width: 992px){ background: red; }
B.@media screen and (min-width: 768px){ .box{background: red; } }
C.@media screen and (min-width: 992px){ .box{background: red; } }
D.box{ @media screen and (min-width: 768px){ background: red; } }
6.下列关于媒体查询说法正确的是：（ ）。
A.min-width：768px and max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
B.min-width：768px && max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
C.min-width：768px & max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
D.min-width：768px max-width: 991px，表示浏览器视口宽≥768px而且≤991px，
说明是平板电脑显示屏大小范围；
7.下列关于媒体查询说正确的是：（ ）。
A.min-device-width是用浏览器视口宽作为判断条件
B.max-width是用设备物理显示屏宽作为判断条件
C.min-device-width是用设备物理显示屏宽作为判断条件
D.min-width是用浏览器软件的窗口宽作为判断条件
8.一个元素在PC和PAD下，在行中占比为1/4，在手机下，在行中占比1/2,下列代码正确的是（ ）。
A.<ANY class=”col-md-3 col-xs-6”
B.<ANY class=”col-md-3 col-sm-3 col-xl-6”
C.<ANY class=”col-md-3 col-sm-6”
D.<ANY class=”col-sm-3 col-xs-6”
9.一个元素，在PC下，在行中占比为1/4，在PAD和手机下隐藏,下列代码正确的是（ ）。
A.<ANY class=”col-pc-4 hidden-md ”
B.<ANY class=”col-pc-3 hidden-md”
C.<ANY class=”col-pc-3 hidden-sm”
D.<ANY class=”col-pc-4 hidden-sm”
流式布局主要使用: （ ）。
A．使用table显示网页的各个区域 B. 使用浮动定位显示网页的各个区域
C.使用行内块显示网页的各个区域D. 使用块元素显示网页的各个区域
以下关于媒体查询的描述正确的是:（ ）。
A. 媒体查询，就是查询出当前浏览网页的设备的类型及特性，如屏幕尺寸。
B. 媒体查询，就是查询出当前浏览器的名称和版本号。
C. 媒体查询，就是根据浏览器的名称和版本号不同执行不同的CSS代码。
D.媒体查询，就是根据设备和特性不同，选择执行不同的CSS代码。
以下设备分类的标准正确的是：（ ）。
A. 浏览器视口宽≤992 px，说明是PC显示器大小范围；
B．浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
C. 浏览器视口宽≤767px，说明是手机显示屏大小范围。
D. 浏览器视口宽≥768px而且≤991px，说明是PC显示器大小范围；
1.请为下列样式类①⑤选择右侧最合适的解释，将配对好的ae填写到括号中。
① col-md-6 a Pad屏幕中当前元素宽占容器宽度的1/4
② hidden-sm b 超大屏幕中当前元素宽占容器元素宽的1/6
③ col-sm-3 c PC机显示设备中当前元素宽占用容器总宽度的50%
④ col-xs-6 d Pad和手机屏幕中当前元素隐藏
⑤ col-lg-2
e 手机屏幕中当前元素宽占容器元素宽的一半
请填写：①： ②： ③： ④： ⑤：
响应式图片可让图片根据浏览设备的宽，响应式调整图片的大小。
为元素添加text-responsive样式类，可让元素的内容文本以两端对齐。
A. 物理设备的大小 B.物理设备的显示分辨率大小
C. 网页body的大小 D. 浏览器窗口大小
2.要求当前网页加载时，视口大小等于设备宽，且初始时不缩放，下列代码正确的是（ ）。
A.<meta name="viewport" content="width=device-width, initial=noscale">
B.<meta name="viewport" content="width:device-width; initial-scale:1.0">
C.<meta name="viewport" content="width=device, initial-scale=1.0">
D.<meta name="viewport" content="width=device-width, initial-scale=1.0">
3.根据媒体查询执行不同CSS文件，要求只有视口宽大于768 px时，才执行print.css文件，下列代码正确的是（ ）。
A.<link media="screen && (minWsidth:768px)" rel="stylesheet" href=" print.css"/>
B.<link media="screen && (min-width>768px)" rel="stylesheet" href=" print.css"/>
C.<link media="screen and (minWidth:768px)" rel="stylesheet" href=" print.css"/>
D.<link media="screen and (min-width:768px)" rel="stylesheet" href=" print.css"/>
4.普通规则下，如果设备宽为767px，可认为其为（ ）设备。
A．超大屏 B. PC C. PAD D. 手机
5.PC设备显示器下，让class为box的元素背景为红色，下列代码正确的是（ ）。
A.@media screen and (min-width: 992px){ background: red; }
B.@media screen and (min-width: 768px){ .box{background: red; } }
C.@media screen and (min-width: 992px){ .box{background: red; } }
D.box{ @media screen and (min-width: 768px){ background: red; } }
6.下列关于媒体查询说法正确的是：（ ）。
A.min-width：768px and max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
B.min-width：768px && max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
C.min-width：768px & max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
D.min-width：768px max-width: 991px，表示浏览器视口宽≥768px而且≤991px，
说明是平板电脑显示屏大小范围；
7.下列关于媒体查询说正确的是：（ ）。
A.min-device-width是用浏览器视口宽作为判断条件
B.max-width是用设备物理显示屏宽作为判断条件
C.min-device-width是用设备物理显示屏宽作为判断条件
D.min-width是用浏览器软件的窗口宽作为判断条件
8.一个元素在PC和PAD下，在行中占比为1/4，在手机下，在行中占比1/2,下列代码正确的是（ ）。
A.<ANY class=”col-md-3 col-xs-6”
B.<ANY class=”col-md-3 col-sm-3 col-xl-6”
C.<ANY class=”col-md-3 col-sm-6”
D.<ANY class=”col-sm-3 col-xs-6”
9.一个元素，在PC下，在行中占比为1/4，在PAD和手机下隐藏,下列代码正确的是（ ）。
A.<ANY class=”col-pc-4 hidden-md ”
B.<ANY class=”col-pc-3 hidden-md”
C.<ANY class=”col-pc-3 hidden-sm”
D.<ANY class=”col-pc-4 hidden-sm”
流式布局主要使用: （ ）。
A．使用table显示网页的各个区域 B. 使用浮动定位显示网页的各个区域
C.使用行内块显示网页的各个区域D. 使用块元素显示网页的各个区域
以下关于媒体查询的描述正确的是:（ ）。
A. 媒体查询，就是查询出当前浏览网页的设备的类型及特性，如屏幕尺寸。
B. 媒体查询，就是查询出当前浏览器的名称和版本号。
C. 媒体查询，就是根据浏览器的名称和版本号不同执行不同的CSS代码。
D.媒体查询，就是根据设备和特性不同，选择执行不同的CSS代码。
以下设备分类的标准正确的是：（ ）。
A. 浏览器视口宽≤992 px，说明是PC显示器大小范围；
B．浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
C. 浏览器视口宽≤767px，说明是手机显示屏大小范围。
D. 浏览器视口宽≥768px而且≤991px，说明是PC显示器大小范围；
1.请为下列样式类①⑤选择右侧最合适的解释，将配对好的ae填写到括号中。
① col-md-6 a Pad屏幕中当前元素宽占容器宽度的1/4
② hidden-sm b 超大屏幕中当前元素宽占容器元素宽的1/6
③ col-sm-3 c PC机显示设备中当前元素宽占用容器总宽度的50%
④ col-xs-6 d Pad和手机屏幕中当前元素隐藏
⑤ col-lg-2
e 手机屏幕中当前元素宽占容器元素宽的一半
请填写：①： ②： ③： ④： ⑤：
响应式图片可让图片根据浏览设备的宽，响应式调整图片的大小。
为元素添加text-responsive样式类，可让元素的内容文本以两端对齐。