display:flex解决移动端适配上下布局问题

问题： 上下布局适配不一样手机比例，因手机型号不一样形成移动端手机屏幕比例各异，本来手机比例在16:9居多，如今出现各类异形屏形成比例愈来愈大（21:9）,手机的高度变大，显示的内容也就相对较多了，咱们H5这边也有对应的适配不一样屏幕。css 说明： 此代码解决上下布局问题，当宽高比较大时，实现页面滚动；当宽高比较小时，实现上下布局。html （1）21:9的屏幕，宽高比较小，实现两端布局，按键始

>>阅读原文<<