微信网页开发 底部按钮遮住页面显示问题

问题：页面底部tab栏遮挡住了页面部分内容

解决方案：添加属性 margin-bottom

.container {

   margin-bottom : 50px

}

在开发工具上运行，完美解决！但是，当使用真机（iOS）运行时，问题依旧存在

所有的问题都难不倒聪明的开发者😁下面来讲讲解决办法：

在class为container的div下面写一个透明div，设置这个view的宽和高，如下

html:

<divclass='container'>
    <div class='li' v-for="item in list" key="item.id">{{item}}</div>
</div>
<div class='placeholder-view'></div>

css:

.placeholder-view {
  width: 100%;
  height: 50px;
}

问题解决。