前端学习（九）流式布局

流式布局的概念

• 流式布局，也就是百分比布局
• 将盒子的宽度设置成百分比，根据屏幕的实际宽度进行伸缩，不受固定像素的限制，内容向两侧填充
• 设置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=