CSS布局技巧：搞定居中、自适应、响应式

写页面最头疼的就是布局，其实掌握几个核心方法就够了。

水平垂直居中：
- Flexbox: display:flex; justify-content:center; align-items:center;
- Grid: place-items:center;

自适应宽度：
- max-width 限制最大宽度
- 百分比布局
- 弹性盒子 flex:1

响应式：
- @media 媒体查询
- rem/vw 单位
- 移动端优先

多练几次就熟了，布局其实没那么难。