其实也是一句话，设计师提供要支持的主流机型分辨率大小的设计稿，然后前端在符合该分辨率的机型下1：1进行还原，其他分辨率机型下进行等比例的缩放；

用text-align: center; 和 vertical-align: middle; 搭档使用，要么你的父级元素display设置为tabl-cell，要么你得有参照物；

我们知道，给一个元素A设置display: flex; ，那么A就是flex container，此时如果A元素有三个子元素A-1,A-2,A-3，那么这三个子元素便是A的flex item，我们可以给flex item设置flex-basis。这个flex-basis是干嘛的呢？先贴一段官方的巴拉巴拉：

事情还得从上周五开始说起，那天下午，我正在公司改产品妹子提的需求，改了一会后，就切换到Chrome看看效果，走走单元测试，呵呵呵。但是我突然就发现一个问题呀，这个flex item显示的不对呀，而且在FF和Chrome都显示“不对”，倒是在IE11里显示“正常”。