移动端 自适应、等比布局（box-flex）

文章来自：源码在线https://www.shengli.me/css/83.html

一、具体代码：

 

html文件

二、效果展示：

 

平板：

 

 

 

大手机屏幕

 

 

小手机屏幕

 

 

用box-sizing:border-box和

 

 这样的布局不会遇到百分比的溢出，全贴合边框等问题。