2025专升本网页设计练习题 (1).docxVIP

第15章响应式网页设计

一、选择题

1．响应式网页设计针对的终端有（）。

A．PCB．AndroidC．iPhoneD．A、B、C都对

2．响应式网页设计的优点不包括（D）。

A．对用户友好B．后台数据库统一C．方便维护D．加载时间短

3．响应式网页设计的技术原理有（）。

A．使用meta标签B．媒体查询 C．第三方框架D．A、B、C都对

4．以下关于视口常用属性的说法，错误的是（A）。

A．minimum-scale用于设定最大缩小比例（0-10）

B．width用于设定布局视口宽度

C．height用于设定布局视口高度

D．user-scalable用于设定用户是否可以缩放（yes/no）

5．常用布局的实现方式有（）

A．单一式固定布局

B．响应式固定布局

C．响应式弹性布局

D．A、B、C都对

6．关于下面的代码，说法正确的是（C）。

metaname=viewportcontent=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．像素是画质单位，而不是尺寸单位

8．关于视口，下列说法不正确的是（）。

A．在桌面浏览器中，等于浏览器中Window窗口的概念

B．移动浏览器中的视口分为可见视口和布局视口

C．视口（viewport）,通过meta标签引入。

D．视口的坐标是物理坐标，与设备无关。

9．关于响应式布局的实现方式有（）。

A．将内容从挤压调整到拉伸

B．将内容从平铺调整到换行

C．将内容减少

D．A、B、C都对。

10．关于下列代码，说法不正确的是（）。

.banner{

background:#EA4C89;

width:100%;

display:block;

background-size:cover;

text-align:center;

padding:5em0;

}

@media(max-width:640px){

.banner{

width：50%；

}

A．设置banner样式类背景颜色为#EA4C89

B．当设备的宽度小于等于640px时，设置banner样式类宽度为50%

C．设置banner样式类字体布局为居中

D．设置banner样式类内间距为5em0

二、填空题

1．响应式网页设计(ResponsiveWebdesign)指的是，网页设计应根据设备环境（___________、___________、___________等）以及用户行为（改变窗口大小等）进行相应的响应和调整。

2．响应式网页设计的优点是___________、___________、___________，缺点是___________、___________。

3．响应式网页的技术原理有___________、___________、___________。

4．屏幕分辨率，就是屏幕上显示的___________个数。以___________分辨率和___________分辨率来衡量大小。

5．ppi，即像素密度。表示___________。

6．CSS像素是网页编程的概念，指的是CSS样式代码中使用的逻辑像素。在CSS规范中，长度单位可以分为两类，___________和___________。

7．视口的概念，在桌面浏览器中，等于浏览器中的___________概念。在移动浏览器中，视口分为___________视口和___________视口。

8．媒体查询由___________和一个或多个检测媒体特性的___________组成。

9.媒体查询的关键字是___________。

10.响应式布局的常用方