如何处理异形屏iphone X?

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

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

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

 

posted @   咔啡  阅读(184)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示