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

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

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

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

参考：

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

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

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

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

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

html 缩放页面样式不乱（动态设置rem的跟字体大小rem布局实现）：