| 流体布局 | 弹性布局 | 混合布局 | |
| 实现方式 | 百分比 | 把px转化成em(width) | 用em设置宽度，用百分比设置最大宽度 |
| 缺点 | |||
| 改良方法 | 设置min-width | 设置max-width | ps:一般浏览器的默认字号是16px，在使用默认字号时1em相当于10px |
| 流体布局 | 弹性布局 | 混合布局 | |
| 实现方式 | 百分比 | 把px转化成em(width) | 用em设置宽度，用百分比设置最大宽度 |
| 缺点 | |||
| 改良方法 | 设置min-width | 设置max-width | ps:一般浏览器的默认字号是16px，在使用默认字号时1em相当于10px |