所有元素全用绝对定位，电脑上好看，手机上布局全挤成一团

刚写前端那会，为了把按钮、文字放到指定位置，我全用绝对定位，电脑上看着位置特别准，对齐得整整齐齐，结果打开手机看，所有元素全挤在屏幕左上角，大小还是电脑上的尺寸，整个页面乱得没法看，改都没法改。 后来我才明白，绝对定位是写死坐标，屏幕一变窄，元素不会自动调整位置，挤在一堆。我把所有绝对定位改成flex弹性布局，元素自动排列、自动适配屏幕宽度，手机上打开自动调整位置，再也不挤成一团。从那之后我写页面，能用flex就不用绝对定位，绝对定位只用来做小范围的浮层，不做整页布局，再也没出现过手机上布局全乱的事。 很多新手刚学前端，觉得绝对定位放位置简单，写着方便，结果做出来的页面只能在固定宽度的电脑上看，换手机、换平板全乱，后期改布局比一开始就用弹性布局麻烦十倍。真的，整页布局就用flex，别全用绝对定位，不然手机上一打开全乱，用户根本没法看。