app适配怎么写？使用的单位是什么？（rem）
常见单位：vh
解答：①视口viewPort适配，PC和手机屏幕不匹配的问题。
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scale=no,maximum-scale=1.0,minimum-scale=1.0">
②图片不清晰问题，使用大一倍的图片，通过css的width和height进行强制压缩到原来大小；
背景图使用background-size：contain单边填充或者background-size：cover按比例填充适配。
③流体布局（宽度百分比）
.menu {
width:25%;
heigth:100px;/*高度给定*/
boxing-size：border-box;
}
④响应式布局（根据屏幕大小动态调整页面布局）
.menu {
width:23%;
height:100px;
float:left;
margin:30px 1%;
}
@media (max-with:800px){
.menu {
width:46%;
margin:30px 2%;
}
}
@media (max-with:500px){
.menu {
width:90%;
margin:30px 5%;
}
}