下载掌阅APP，畅读海量书库
立即打开
1. 填空题
（1）响应式网页设计的4个主要优点为______、______、______、______。
（2）视口的3种类型为______、______、______。
（3）媒体查询常用的3种媒体类型为______、______、______。
（4）进行响应式网页设计常用的第三方框架有______、______。
2. 选择题
（1）响应式网页设计所遵循的基本原则是（ ）。
A. 移动优先
B. 美感优先
C. 网页优先
D. 使用固定单位
（2）在页面加载时，可以用来设置浏览器视口宽度的标签是（ ）。
A. <head>
B. <meta>
C. <viewport>
D. <device-width>
（3）进行媒体查询时需要设置媒体类型参数，下列不是媒体类型参数的是（ ）。
A. all
B. print
C. screen
D. resolution
3. 思考题
（1）简述设计移动端网页时需要考虑的因素。
（2）常见的网页中有哪些网页是响应式网页？
4. 编程题
使用媒体查询中的media关键字，在屏幕宽度小于800px时隐藏最后两列菜单，具体实现效果如图1.13所示。
图1.13 隐藏部分菜单
当屏幕宽度大于等于800px时，显示全部菜单，具体实现效果如图1.14所示。
图1.14 显示全部菜单