流式布局
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.特点
宽度:使用百分比控制
高度:让子元素撑起来