长度单位
能够使用vw单位设置网页元素的尺寸
vw:viewport width
1vw=1/100视口宽度
vh:viewport height
1vh=1/100视口高度
vw适配原理：目标：实现在不同宽度的设备中，网页元素尺寸等比例缩放
vw,vh不能混用，混用容易导致盒子变形
引入图标
例如：bilibili图标
bilibili ,vw,vh演示过程
1.打开bilibili网页（保存至iconfont.css里面）
//s1.hdslb.com/bfs/static/jinkela/mstation-h5/assets/iconfont.eot
//s1.hdslb.com/bfs/static/jinkela/mstation-h5/assets/iconfont.svg#iconfont
//s1.hdslb.com/bfs/static/jinkela/mstation-h5/assets/iconfont.ttf
//s1.hdslb.com/bfs/static/jinkela/mstation-h5/assets/iconfont.woff
2.创建index.css，index.less,index.html文件夹，less文件会转为css文件：
在less文件里面写--——
// 导入base.less
@import url(base.less);
// 声明基准值变量
@baseSize: 3.75vw;
