一、媒体查询补充
1,视口变小到一定宽度时,盒子背景色变化、或直接隐藏盒子、或引入某个文件(link)
改变背景色:

image.png
隐藏盒子:

image.png
引入文件():

image.png
二、bootstrap框架
使用方法类似iconfont字体图标库
bootstrap框架3.0中文网站:bhttps://v3.bootcss.com/
举例:现在要做一个如下的轮播图:

image.png
步骤:
1,下载第三方资源并解压到项目对应目录

image.png

image.png

image.png
2、引入第三方资源

image.png

image.png
3、找到bootstrap框架3.0提供的轮播图代码

image.png

image.png

image.png
4、复制轮播图代码到自己的html,按照需求增加或删减代码

image.png