1. Development of adaptive layout:
The width and height as a percentage as possible, the inner and outer margins and fonts rem, rem is the relative font size html set as the reference, such as: font size set 16px html then 1rem = 16px, if not set the default is 16px
highly adaptive layout: the vertical height of the fixed unit is provided with media content margin-top and buttom height to height: auto
width adaptive layout: about a fixed width are provided, and are floating around, the intermediate portion is provided margin- left and right, width to width: 100%
2. Try to have an impact on the width and height of the layout with padding margin
3. When percentage, is the parent, the inner and outer margins opposite is the parent element positioned opposite the width of the parent height
4. rendering echarts want to finish in the window changes will need to re-render finish rendering plus $ (window) .resize (lineChart1.resize);
5. When the inner and outer margins with REM font, font size set by the html js control, var w = document.body.clientWidth || document.documentElement.clientWidth obtain visible region width of the screen, is calculated in proportion to the size of the font html