Mobile css/html (box-flex) adaptive, proportional layout, cssbox-flex

Mobile css/html (box-flex) adaptive, proportional layout, cssbox-flex
Mobile css/html (box-flex) adaptive and proportional Layout

An Adaptive Layout Method for mobile terminals.

<! DOCTYPE html> 
Display:
Tablet

Large Mobile Phone screen

Cell phone screen

 
This layout is mainly
Box-sizing: border-box;
And
display: box;display: -moz-box;display: -webkit-box;
box-flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;
In coordination, the layout does not need to worry about the overflow problem of width: percentage, and the border is fully fit.
Reference
Http://www.css88.com/book/css/properties/flexible-box/box-flex.htm