今天做项目的时候,发现安卓手机和苹果手机有一个差异
苹果手机底部黑线会挡住我页面底部的内容
解决方法就是给盒子底部加内边距,即padding-bottom: env(safe-area-inset-bottom)
env(safe-area-inset-bottom)可以根据苹果手机底部黑线的高度来确定内边距大小,不过要注意env(safe-area-inset-bottom)在安卓手机值为0,不过通过样式的调整是可以解决的。
今天做项目的时候,发现安卓手机和苹果手机有一个差异
苹果手机底部黑线会挡住我页面底部的内容
解决方法就是给盒子底部加内边距,即padding-bottom: env(safe-area-inset-bottom)
env(safe-area-inset-bottom)可以根据苹果手机底部黑线的高度来确定内边距大小,不过要注意env(safe-area-inset-bottom)在安卓手机值为0,不过通过样式的调整是可以解决的。