流式布局

流式布局

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.特点

  宽度:使用百分比控制

  高度:让子元素撑起来

 

  

原文地址:https://www.cnblogs.com/Maipocket-y/p/11939202.html