如何适配iPhone X/XS等 底部安全区
发布于 6 年前 作者 qiaotao 9537 次浏览 来自 问答

很多业务场景是在底部悬浮固定差不多与屏幕等宽的一个按钮,目前单独适配iPhone X 搜索网上大家给的方案是判断iPhone X设备之后手动针对加载不同的布局参数来抬升按钮,虽说勉强可用,这样设备判断得不断增加,也很死板(现在针对XS的model名字不知道是什么,iPhone 底部安全区的大小也许不会固定不变等等),希望官方能给个解决方案,要么给判断是有操作安全区的设备,要么参考h5适配的safe-area,感谢。

6 回复

先判断机型为ios 然后 判断屏幕高度/屏幕宽度>1.78(普通苹果手机比例为16/9)

符合以上条件 底部增加68rpx

已解决,可以参考下:https://blog.csdn.net/qq_42354773/article/details/81018615,亲测真机有效,模拟器无效。

可以根据 statusBarHeight 和 是不是为 ios 来做适配

这个是刚需啊,还是麻烦解决下。。

搜索关键字:css constant safe-area-inset-bottom

像我是判断屏幕高度的,可能不用型号这么麻烦。。。

回到顶部