小程序
小游戏
企业微信
微信支付
扫描小程序码分享
有些机型底部会有横条，导致底部内容区域被遮挡一部分，
特别是使用fixed固定在底部的按钮区域这种。
怎么判断手机是否有底部横条这种来变更底部预留空白的高度呢？
现在是用的笨办法，直接判断的某些机型
有没有简便点的方法？
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
添加样式：padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
如果是CSS，用 env(safe-area-inset-bottom); 可以转化为下巴高度;
如果是JS，可以通过getSystemInfoSync获取到屏幕信息进行计算出屏幕下巴高度：
const sysInfo = wx.getSystemInfoSync(); const height = sysInfo.screenHeight - sysInfo.safeArea.bottom; console.log(height); //下巴高度
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
添加样式：padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
如果是CSS，用 env(safe-area-inset-bottom); 可以转化为下巴高度;
如果是JS，可以通过getSystemInfoSync获取到屏幕信息进行计算出屏幕下巴高度：
const sysInfo = wx.getSystemInfoSync(); const height = sysInfo.screenHeight - sysInfo.safeArea.bottom; console.log(height); //下巴高度