jquery weui如何控制页面高度？

Question

各位好！最近用jquery weui制作公众号页面，下面是页面结构，目前用html,body {height:100%}控制页面高度，对于不同的分辨率用媒体查询定义，如html,body {height:105%}，但真机上的效果和微信开发者工具里的效果不一致。请教大家都是怎么控制页面高度的？另外，公众号前端调试一般的策略是什么，都针对哪几种分辨率？先谢了!

<div class="weui-search-bar inner-search-bar" id="searchBar">

这里是搜索框

</div>

<div class="weui-tab">

<div class="weui-tab__bd">
    这里是页面内容……
</div>
<div class="weui-tabbar">
      这里是固定在底部的菜单
</div>

</div>