处理iphoneX 全面屏底部横条遮挡问题

hykeda2年前CSS409

在底部菜单div添加css,如下:

头部添加:

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
.tabbar{
   z-index: 99999;
   //iphone X底部横条遮挡问题
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
}


标签: 底部横条

相关文章

PHPStorm 安装配置SCSS

1,下载安装Ruby,官方网址:https://rubyinstaller.org/downloads/。选择符合自己的系统的版本就行。2,打开phpstorm,选择File ->se...

网站使用sass进行css样式编写

网站使用sass进行css样式编写

首先需要安装sass的环境:安装教程:https://www.sass.hk/install/ 如果安装好Ruby以后可以进入ruby终端,进入到相应的目录: 如果出现如上图,说...

19 个实用的 CSS 技巧!

修改 placeholder 样式,多行文本溢出,隐藏滚动条,修改光标颜色,水平和垂直居中。这些熟悉的场景啊! 前端开发者几乎每天都会和它们打交道,这里有20个CSS技巧,让我们一起来看看吧。...

18个很有用的 CSS 技巧

18个很有用的 CSS 技巧

图片文字环绕shape-outside 是一个允许设置形状的 CSS 属性。它还有助于定义文本流动的区域:.any-shape {  width: 3...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。