关于一个前端移动端高度自适应例子

    这两天做项目，在对移动端前端页面做页面高度自适应固定时遇到了问题，显示效果是：整个页面为一个整体，上半部分显示地图，下半部分显示对应的驾校班型（我们是做驾校产品的），地图没有上间距，和班型下间距1-2个rem，班型和底部按钮间距为1-2rem，适应于不同手机和不同大小尺寸。

    调试了半天，老是出现问题：在自己手机上好好的，一到ios上不是高度差点，就是底部样式间距太大；好不容易调好了ios，但是在自己手机显示又乱了.......哎，对于不是多熟悉前端的我来说，头很痛.....在网上也查看了一些资料，也没有达到效果；最后痛定思痛，看着页面仔细的琢磨了琢磨，有了一个解决的方法——

大概思路：（定位）

1. 当前页面（body主体）为一个整体，为其添加两个div（假设名称分别为：map,business），一个用于控制地图，一个用于控制服务班型显示（底部按钮是固定好的，不用动）

2. 为了子元素能够有效的