移动端开发底部元素margin-bottom失效的处理方式
在移动端开发的过程中，经常会有在底部进行一个元素固定定位在，这样我们主体数据有需要设置margin-bottom 去防止主体数据被底部遮挡的情况。
这在android手机中这样设置是完全没有问题的，不过在ios手机上就会出现底部定位遮挡了主体内容。当时还尝试了使用padding-bottom去处理，然效果还是不太理想。
查询方法后，一下两种方式是可行的：
- 主体最后设置一个空白的div（设置好高度即可）；
- 可将整体body设置padding-bottom；
不过针对vue项目，建议使用方法一比较方便，如各位有其他好的方法，还请留言相告…