1rem,1em,1vh,1px含义

vw/vh：视窗的宽度和高度，相对于屏幕宽度和高度的1%，处理宽度的时候%单位更合适，高度vh更合适

以上这些都是在页面固定的情况下

除了这些以外，要想缩放不变形。。

参考：https://www.cnblogs.com/xingxyx/p/11672500.html

因为你不知道客户的屏幕是怎样的。。可以在各个屏幕下看一下

另外，菜单栏最好设置隐藏按钮，避免遮挡地图

假设屏幕是变化的。。根据屏幕分辨率来求得1rem等于几？

不然，如果固定死控件的大小，有可能在客户电脑上不能适配，大了或者小了

要想让页面元素跟着屏幕大小缩放，可是百分比只能设置在最外面，每个控件的大小要跟着变，还是rem合适

html 缩放页面样式不乱（动态设置rem的跟字体大小rem布局实现）：https://www.cnblogs.com/duhui/p/13785487.html

rem是如何实现自适应布局的？：http://caibaojian.com/web-app-rem.html

html{
    font-size:20px;
}
.btn {
     6rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.2rem;
    display: inline-block;
    background: #06c;
    color: #fff;
    border-radius: .5rem;
    text-decoration: none;
    text-align: center;    
}