响应式布局已经不是什么新鲜事物了，但使用的场景却在变少，因为现在web程序变得愈发丰富和复杂，而产品对移动端的重视也超过了pc端，如果仅用响应式布局实现适配，代码的复杂度和兼容性都难以维护，并且很容易造成代码冗余（比如媒体查询的多余代码）。开发成本和另开发一款程序接近，因此，独…

使用flex只需在父元素上定义display:flex,然后子级的所有元素都具有了flex功能。 现在.box以及子元素都具备了flex特性，可以通过相应特性进行个性化布局，接下来将逐一介绍每一个特性。 一个无单位数(): 它会被当作flex-grow的值。 一个有效的宽度(w…