流式布局

流式布局

1.viewport

　　vsc会自动生成viewport meta 标签

　　<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

　　　　　　　　　　　　　　　　　　　↓

　　　　　　　　　　　　　　  使页面宽度=设备宽度（解决缩放问题）

2.二倍图

　　如果是单个图的话，测量下多少就是多少；但如果是二倍精灵图的话，需要用Ps/FW将图片缩小成一倍图（！！！此处一定要注意：缩小后不能保存图片），然后再进行测量，用background-size控制大小。

3.特点

　　宽度：使用百分比控制

　　高度：让子元素撑起来