一、选择题
1．响应式网页设计的优点不包括（ ）。
A．对用户友好 B．后台数据库统一 C．方便维护 D．加载时间短
2．响应式网页设计针对的终端有（ ）。
A．PC B．Android C．iPhone D．A，B，C都对
3．响应式网页设计的技术原理有（ ）。
A．使用<meta>标签 B．媒体查询 C．第三方框架D．A，B，C都对
4．关于flex布局，正确的是（ ）。
A．flex布局就是弹性布局
B．flex主要有三个属性，分别是flex-direction、flex-wrap和justify-content
C．使用flex布局可以实现当品目和浏览器窗口大小发生变化时，可以灵活的调整布局
D．A、B、C都对
5．常用布局的实现方式有（ ）
A．单一式固定布局
B．响应式固定布局
C．响应式弹性布局
D．A，B，C都对
6．关于下面的代码，说法正确的是（ ）。
<meta name="viewport content="width=device-width,
initial-scale=1,maximum-scale=1,user-scalable=no"/>
A. width=device-width表示设定度等于当前设备的宽度
B. initial-scale=1，表示允许用户缩放到得最小比例（默认为1）
C. user-scalable=no，表示允许用户手动缩放
D. A，B，C都正确
7．常用布局类型有（ ）。
A．单列布局
B．单行布局
C．多行布局
D．A，B，C都正确
8．使用CSS媒体查询的关键字是（ ）。
A．style
B．！important
C．@media
D．screen
9．关于响应式布局的实现方式有（ ）。
A．将内容从挤压调整到拉伸
B．将内容从平铺调整到换行
C．将内容减少
10．关于下列代码，说法不正确的是（ ）。
.banner{
background:#EA4C89;
display:block;
background-size:cover;
text-align:center;
padding:5em 0;
}
@media(max-width:640px){
.banner {
width：50%；
}
A．设置banner样式类背景颜色为#EA4C89
B．当设备的宽度大于640px时，设置banner样式类宽度为50%
C．设置banner样式类文字对齐方式为居中
D．设置banner样式类内间距为5em 0
二、填空题
1．常见的布局类型有___________、___________、___________。
2．常用的布局的实现方式有___________、___________、___________。
3．响应式网页的技术原理有___________、___________、___________。
4．<meta>标签中规定网页设计的宽度与实际屏幕的宽度的大小关系的属性是___________。
5．使用CSS的媒体查询实现屏幕宽度大于640像素小于1280像素时，应用某样式的代码是___________。
6．使用flex布局时，设置主轴方向的属性是___________，若要设置主轴在垂直方向，起点在上沿，则应设置其属性值为___________。
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
7．上面代码中，“width=device-width”的含义是___________，“maximum-scale=1”的含义是___________。
8．下面代码的实现的功能是___________。
@media screen and (max-width: 720px) and (min-width: 320px) {
body {
background-color: #f00;
}
9. 媒体查询的关键字是___________。
10．媒体查询由___________和一个或多个检测媒体特性的___________组成。
一、选择题答案
1．D 2．D 3．D 4．D 5．D 6．A 7．A 8．C 9．D 10．B
二、填空题答案
1.单列布局、均分多列布局、不均分多列布局
2.单一式固定布局、响应式固定布局、响应式弹性布局
3.<meta>标签、使用媒体查询、使用第三方框架
4.viewport
5.@media screen and (max-width: 1280px) and (min-width: 640px) {}
6.flex-direction、column
7.设定布局视口宽度
8.当屏幕窗口宽度大于320像素小于720像素时，浏览器页面的背景颜色为红色
9.@media
10.媒体类型、条件表达式
