1、适配iPhoneX全面屏viewport-fit，有三个可选值：contain:visiblewindowcompletelycontainedthecontentofthewebpagecover：网页内容完全覆盖可见窗口auto：同contain2.设置border为0.5px.box{position:relative;width:200px;height:200px;}.box:after{content:'';位置：绝对；左：0；顶部：0；宽度：200%；高度：200%；边框：1px纯红色；变换：比例（0.5）；变换原点：左上；/*改变元素位置*/}3.当有多行flex时，最后一行元素左对齐。在flex多行布局中，justify-content:space-between;如果不填充该属性，则最后一行元素将两端对齐。解决方法：添加空元素（少了几个就加几个）
