Bootstrap响应式网站开发实例教程
上QQ阅读APP看书,第一时间看更新

2.4 习题与项目实践

1.选择题

(1)Bootstrap中.img-rounded类的功能是( )。

A. 为图片添加圆角

B. 将图片变为圆形

C. 缩略图功能

D. 图片响应式

(2)针对Bootstrap框架的特性描述错误的是( )。

A. Bootstrap是以PC优先的设计框架

B. IE、Firefox、Google等主流的浏览器都支持Bootstrap

C. Bootstrap的响应式CSS能够自适应台式机、平板计算机和手机等设备

D. 提供了基于Web的定制

2.实践项目——体验响应式网页效果

(1)分别使用PC、iPad和手机访问腾讯网(https://www.qq.com/),体验响应式页面效果,例如在手机端浏览到的网址变为了“https://xw.qq.com/?f=qqcom”。

(2)使用Google Chrome浏览器访问清华大学网站(https://www.tsinghua.edu.cn),按快捷键〈F12〉进入“检查”模式,体验响应式页面效果。

(3)使用Google Chrome浏览器访问京东网站(https://www.jd.com),按快捷键〈F12〉进入“检查”模式,能看到网址切换为了“https://m.jd.com/”。