请教大佬们一个问题，你们在布局的时候是怎么适配手机的刘海屏的啊

分类：HTML5+

刘海屏幕 HTML5 移动APP 微信app h5

就是布局里面，有些是需要把一个元素贴在顶部显示的，或者需要距离顶部一些距离，

在小程序端我想到了一个方法就是获取小程序胶囊按钮的位置，然后通过胶囊按钮的top属性来适配，（ wx.getMenuButtonBoundingClientRect() ）这个属性

哪在app端或者h5端哪？这个有什么好的方法来适配的，大佬们，有没有好的方法分享一下

1 赞关注分享

2 个评论

要回复文章请先登录或注册

a***@163.com

回复小熊是安妮的：

那安卓的怎么办啊

2019-12-24 22:02

小熊是安妮的 (作者)

刚刚刷到一个回答，官方回复的以前的回答：
在mainfest.json plus节点下配下safearea

"safearea": {
"background":"#CCCCCC", // 安全区域外的背景颜色，默认值为"#FFFFFF"
"bottom":{ // 底部安全区域配置
"offset":"none|auto" // 底部安全区域偏移，"none"表示不空出安全区域，"auto"自动计算空出安全区域，默认值为"none"
},
"left": { // 左侧安全区域配置（横屏显示时有效）
"offset":"none|auto"
},
"right: { // 右侧安全区域配置（横屏显示时有效）
"offset":"none|auto"
}
}
iPhoneX的安全区域配置。

2019-05-17 11:12

请教大佬们一个问题，你们在布局的时候是怎么适配手机的刘海屏的啊

2 个评论

目录

公告

相关问题