1515046525(1).jpg

這是pc手機端響應式頁面，就會出現問題尤其是在占滿屏幕這種布局需求的情況下

<div class="person">
        <div class="child">
            
        </div>
    </div>

如person占滿屏幕，child包含其中，居中或是怎樣的

 <meta name="x5-fullscreen" content="true">
        <meta name="full-screen" content="yes">

可以使當前頁面在手機瀏覽器，微信瀏覽器中阻止滑動使頁面有全屏效果（沒有了頂標簽那一塊），但是軟鍵盤彈出，滑動屏幕時布局依然會出bug
有一個監測屏幕尺寸變化的方法

/*手機端軟鍵盤彈出布局兼容*/
var scerrnHeight = $(window).height();
$(window).resize(function(){
    if($(window).width()<900){
        $('.person').css('height',scerrnHeight);
    }
});

當手機端，屏幕大小發生變化時（軟鍵盤彈出），該person高度依然是設備屏幕高度而不是屏幕可視區域的高。