流式布局,就是百分比布局,也称非固定像素布局。
通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。
流式布局方式是移动web开发使用的比较常见的布局方式。
注意:随着窗口的缩放,流式布局的盒子也会跟着缩放,可以通过max-width;min-width指定盒子的最大宽度或高度。
max-width;min-width