2201_76056241的博客

在地图盒子中添加几个图片，都在地图盒子中局居中显示，使用定位的方式。居中显示之后，设置动画效果即可。

先声明字体，通过font-family: electronicFont;首先是no-hd头部数字，需要加上边框和通过伪元素做出来的边框装饰线。再开启flex布局，让两个数字占一行 flex：1两个元素各占一份。text-align:center设置居中。下方的和数字是一样的布局，这里不赘述。

页面布局

flexible.js下载链接：https://pan.baidu.com/s/1RToh6kAFVVckuvtH0EG-rw?电脑屏幕为1920px,在flexible.js中，默认分为10份，改为分为24份，所以1920/24 = 80。使用flexible.js可以实现页面自适应，单位使用rem，会随页面的变化而自适应页面的内容。F12坚持是否引入成功，font-size会随着页面而变化，代表引入成功。安装如图所示插件，将基准改为80（80px 代表1rem）将flexible.js引入到项目中。