div在手机上会被顶部状态栏覆盖

<div class="mui-bar mui-bar-nav">  
    <div class="mui-input-row mui-search">  
                <input type="search" placeholder="搜索">  
        </div>  
</div>  

<div class="mui-content">  
       <div id="slider" class="mui-slider">  
                <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">  
                    <div class="mui-scroll">  
                        <a class="mui-control-item mui-active"  href="#follow" data-wid="follow.html">  
                            关注  
                        </a>  
                        <a class="mui-control-item" href="#recommend" data-wid="recommend.html">  
                            推荐  
                        </a>  
                        <a class="mui-control-item" href="#hot" data-wid="hot.html">  
                            热榜  
                        </a>  
                    </div>  
                </div>  
       </div>  
</div>

谷歌浏览器会显示出来，但是会发现也是在顶部的

在手机上就完全看不到了