纯 CSS 的话：

1. 弹性布局：即容器不定死宽高，而是随内容和随浏览器可视区大小自适应宽高。常用方法是 min-width、max-width 或 百分比宽度。

2. 浮动布局：利用float可实现左、右两栏右侧自适应布局。（这个有些 hack 的味道）

2. flex布局：CSS3中强大到没朋友的弹性盒模型，可以轻松实现自适应布局。

3. media query：CSS3的媒体查询，利用响应式断点来实现自适应布局，由于断点数不可能无限多，所以一般都是搭配其他自适应布局方式用的。

4. rem布局：把 rem 当成一个变量来用，实现自适应布局，不过或多或少都得搭配一点 JS。（跑题了）