前言
这段时间对逆水寒很是着迷，这不我又打开了它的官网，不得不说网易前端官网做的是真炫酷！！！
同样是前端的开发者(自己还是小菜鸡罢了)，就不得不想扣扣官方的细节了，拿出我们老生常谈的问题—适配，官方做的很漂亮，窗口缩小不会影响页面内容位置的偏移，当我将窗口缩小的时候还会出现滚动条让我可以滚动滚动条来看到完整的页面内容。
有兴趣的同学可以去打开官网尝试一下。这种页面其实在很多地方都可以看到，如：产品官网，可视化大屏看板等等。所以这个怎么实现呢？接下来让我们来尝试复现一下。
实现
既然全屏是背景图片，那页面肯定就直接使用背景图片了，这里用了最近大火的《黑神话*悟空》游戏的素材了(素材都是网上搜的，不是爬的哈
标签：flex,逆水,适配,寒官,width,background,20px,margin,size From： https://blog.csdn.net/fans_x/article/details/140050368