display:flex解決移動端適配上下佈局問題

問題： 上下佈局適配不一樣手機比例，因手機型號不一樣形成移動端手機屏幕比例各異，本來手機比例在16:9居多，如今出現各類異形屏形成比例愈來愈大（21:9）,手機的高度變大，顯示的內容也就相對較多了，咱們H5這邊也有對應的適配不一樣屏幕。css 說明： 此代碼解決上下佈局問題，當寬高比較大時，實現頁面滾動；當寬高比較小時，實現上下佈局。html （1）21:9的屏幕，寬高比較小，實現兩端佈局，按鍵始

>>阅读原文<<