流式布局的概念
- 流式布局,也就是百分比布局
- 将盒子的宽度设置成百分比,根据屏幕的实际宽度进行伸缩,不受固定像素的限制,内容向两侧填充
- 设置max-width,min-width,使得内容在合理的范围内
流式布局的常用技巧
设置视口
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
选择默认的样式
normalize.css
链接css文件时,默认样式写在前,自己的写在后,否则某些样式会被层叠掉
<link rel=