如何处理异形屏iphone X?

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

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

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

 

posted @ 2020-12-22 16:48  咔啡  阅读(181)  评论(0)  编辑  收藏  举报