H5|小程序|RN页面适配iphoneX【异形屏幕|底部安全区域】
需求场景: H5页面有一个吸底的按钮,但是异形屏幕【iPhonex等】,按钮一大半会被系统的小黑条挡住。需要适配在异形屏幕下,完整展示按钮,不被遮挡。查了一些资料,发现为了应对刘海屏幕,苹果也给出了响应的策略一个meta头<meta name="viewport" content="viewport-fit=cover">meta 有三个属性contain 可视化窗口完全包含网页内容cover 网页内容完全覆盖 (小程序默认)auto 默认值和 contain 一样(h5网页
原创
2021-11-22 22:31:59 ·
1981 阅读 ·
0 评论