如何处理异形屏iphone X?

  • safe area: 默认放置在安全区域以避免遮挡, 但会压缩

  • 在meta中添加viewport-fit=cover: 告诉浏览器要讲整个页面渲染到浏览器中，不管设备是圆角与否，这个时候会造成页面的元素被圆角遮挡

  • padding: constant(env): 解决遮挡问题

 

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/programb/p/14068836.html