首先使用chrome 手機模擬器上測試布局菩掏。
不同真機測試布局問題ｖ昃骸！手機模擬器上沒有的問題铲觉，真機上可能會出問題澈蝙！
獲取手機的瀏覽器的高度。
window.screen.height
常用的移動端HTML 布局單位
vh: 等于1% 當(dāng)前視窗的 ICB ( initial containing block,網(wǎng)頁根元素所在的長方形的包含塊)的高度撵幽。
vw: 等于1%當(dāng)前視窗的ICB的寬度灯荧。
rem: 表示網(wǎng)頁根元素（一般是html）的font-size。一般情況下盐杂，瀏覽器都是等于16px逗载，用戶可以自定義哆窿，我就常定義為100px±髡澹
這３個單位可以幫助我們將網(wǎng)頁各個元素適配不同手機的屏幕大小挚躯。
calc(100vh - 2.16rem); 使用calc可以對方面的讓某個元素充滿特定的屏幕區(qū)域。
響應(yīng)式布局方式擦秽。
flex : 可以簡便码荔、完整、響應(yīng)式地實現(xiàn)各種頁面布局.
