你应该知道H5的iPhoneX适配

//1.viewport meta 标签增加属性viewport-fit=cover
<meta name="viewport" content="width=device-width, viewport-fit=cover, xxxx">
//2.body元素增加样式
body {
 padding-bottom: constant(safe-area-inset-bottom);
 padding-bottom: env(safe-area-inset-bottom);
}
//3.如有fixed底部的元素，也增加上面样式
xxx {
 padding-bottom: constant(safe-area-inset-bottom);
 padding-bottom: env(safe-area-inset-bottom);
 background-color: #fff; // 记得添加background-color，不然会出现透明镂空的情况
}
复制代码

相关文章：

vue刷新当前页面，11选5平台维护

final关键字，static关键字

js数组条件筛选——map()

was安装相关步骤（Linux）

Lambda表达式与函数式接口

Vuex持久化插件-解决刷新数据消失的问题

关于性能测试的这点事，值得收藏~

深入理解Spring Boot数据源与连接池原理

[python]PyPI使用国内源

scp

Spring AOP总结

Mysql连接错误：Lost connection to Mysql server at 'waiting for initial communication packet'

迷宫问题的求解(回溯法、深度优先遍历、广度优先遍历)

Druid入门

py 的 第 7 天

Android开源项目规范总结

Elasticsearch 参考指南（升级前重新索引）

IE报vuex requires a Promise polyfill in this browser问题解决

JavaScript中的对象个人分享

js数组之filter

Laravel 实践之路: 数据库迁移与数据填充

leetcode-27. Remove Element

OSS Web直传 （文件图片）

python学习笔记－类对象的信息

Spring核心 Bean的高级装配

Vue 2.3、2.4 知识点小结

Vue UI框架库开发介绍

记一次和乔布斯合作最难忘的经历

理解在java “”i=i++;”所发生的事情

浅析微信支付：申请退款、退款回调接口、查询退款

如何抓住下一波零售风口？看RPA玩转零售自动化

腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法

延迟脚本的方式

3月27日云栖精选夜读 | 从 “城市大脑”实践，瞭望未来城市源起 ...

k8s使用glusterfs实现动态持久化存储

# .NET Framework中使用命名管道进行进程间通信

$.ajax,axios,fetch三种ajax请求的区别

（JSP）EL——优化登录界面，获取对象，获取数据

（二十四）Flask之flask-session组件

（附源码）SSM环卫人员管理平台 计算机毕设36412

(附源码)计算机毕业设计ssm基于Internet快递柜管理系统

(实战)静默dbca安装创建数据库 --参数说明+举例

（一）Java算法：二分查找

.Net 转战 Android 4.4 日常笔记（4）--按钮事件和国际化

.NET/C# 判断某个类是否是泛型类型或泛型接口的子类型

.NET/C# 中你可以在代码中写多个 Main 函数，然后按需要随时切换

.NET构架之我见

/bin/bash^M: bad interpreter: No such file ordirectory

/etc/skel 目录作用

::

@autowired注解作用_Spring Boot进阶教程——注解大全（建议收藏！）

@ConfigurationProperties注解对数据的自动封装

@SuppressLint(NewApi）和@TargetApi()的区别

[ 常用工具篇 ] POC-bomber 漏洞检测工具安装及使用详解

[20140403]查询是否产生日志