我进第一家公司的时候，他们让我写的是关于静态页面的铺写。当时的我想的这有什么难得呀，静态页面。我培训的时候写了太多太多了，这不是很简单吗？
我记得当时做的是一个婚恋的项目，要求是能适配pc端和移动端。我想没啥难度，后来开始工作，我就用的float和position也就是浮动和定位来写的。
当我把页面给老板看的时候，老板说不行，这也没自适应呀。然后我就查了查文档，发现，自适应的方法大概有这么几种
1.可以给div等一些盒模型宽和高，但是一定注意要用百分比来设置，这样就可以适应分辨率啥的了但是个人感觉不够完美和美观
2.可以通过设置man-height min-height的办法，最大宽高来实现，同样的也需要设计的是百分比
3.大多数人会选择用element的栅格布局就是也就是 <el-row>和<el-col>这俩属性，就相当于把电脑或者手机屏幕分为24份xs sm md lg xl也就是这五个属性，然后五个属性后面对应的值的总和不能超过24不然会显示下一行（个人理解是这样的）
4.可以用rem布局，来适配，因为rem不是固定的尺寸，但是px是固定的不会随着分辨率变化而变化，大多是解决字体自适应问题
5.也可以通过媒体查询不同分辨率下使用不同css样式就ok了（但是会略显的有点麻烦）
这五种方法，就是比较常用的自适应方法，刚工作的萌新可不要学我那么做直接浮动和定位。很容易被开除的
