布局适配方式MediaQuery（媒体查询）：现在主流的适配方案，可以根据不同的视口编写不同的样式来实现适配效果，比如框架Bootstrap，可以完成大部分项目的需求，但是写起来太复杂了。Flex布局：主流的布局方式，不仅适用于移动端Web，在网页上也有很好的表现，也是现在使用最多的布局方式。固定高度、宽度百分比：这种方式只适用于简单、要求不高的webApps。一般在适配要求不高，或者对大屏显示没有要求的时候可以使用。rem单位介绍rem（根元素的字体大小）是一个相对长度单位。相对于根元素（即html元素）的font-size计算值相乘的原理：将px换成rem，在脚本中使用JS动态修改html的font-size适配，可以根据reference元素变化根视口字体的大小，然后通过比例缩放来改变它们，以实现各种屏幕适配。控件的JS写法varhtmlWidth=document.documentElement.clientWidth||文档.body.clientWidth；//获取屏幕的宽度//获取HTML的Dom元素varhtmlDom=document.getElementsByTagName('html')[0];//设置根元素字体htmlDom.style.fontSize=htmlWidth/20+'px';这种方式目前在webapps中比较常用，主要是利用rem特性灵活改变字体大小，实现窗口大小变化时元素按比例缩放。扩展部分：目前在自适应方面，对于互联网电视，在开发的时候对图片大小有严格的要求，所以在集成的时候只需要设置视口大小就可以按比例缩放任意屏幕。一般开发时benchmark的大小直接在meta标签中设置
