解决：使用 safe-area-inset-top 等 ios 安全区域变量 + meta 标签中设置 viewport-fit=cover

https://github.com/pengkobe/reading-notes/issues/436

https://stackoverflow.com/questions/46232812/cordova-app-not-displaying-correctly-on-iphone-x-simulator/46232813 (good)

https://imweb.io/topic/5baa38c279ddc80f36592efb （good）

步骤一：更新 cordova-plugin-statusbar 插件（非必须）

步骤二：更新 cordova-plugin-splashscreen（非必须）

步骤三：meta 添加 viewport-fit=cover 如：

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">

步骤四：利用苹果提供的 CSS 常量如：

padding-top: env(safe-area-inset-top);

我的做法(自测有效)：

增加了 viewport-fit=cover 属性后在app.scss 中加入：

最新文章

1. Scrapy爬取自己的博客内容
2. 分布式系统设计权衡之CAP
3. 理解nginx的配置
4. javascript高级程序设计---Event对象
5. 使用 JavaScript 实现基本队列、优先队列和循环队列
6. SSH自定义分页标签
7. Servlet实现web站点文件下载功能示例
8. Log4net Level
9. Hibernate 以流的方式获取数据
10. jquery 自动跳出列表
11. Android ListView A~Z快速索引（改进版）
12. 中间件(Middleware)
13. [国嵌笔记][028][Bootloader设计蓝图]
14. uwsgi 服务 invalid request block size: 4161 (max 4096)...skip问题的解决
15. 从0开始的Python学习017Python标准库
16. Hibernate Session对象核心方法
17. 性能测试-3.Fiddler进行弱网测试
18. CentOS7 防火墙配置（关闭）
19. 修改class文件
20. [转]触发窗体事件(例如按Esc关闭窗体),WinForm

热门文章

1. 【原】Coursera—Andrew Ng机器学习—课程笔记 Lecture 7 Regularization 正则化
2. pl/sql基础语法
3. 使用alias让命令行更便捷
4. html5 存储方式
5. 过渡函数transition-timing-function
6. Open Message Queue 集群问题
7. [GO]指针和函数配合的值传递
8. Mac OS X 下android环境搭建
9. C++小学生四则运算_余伟淇_郑鉴
10. Django项目运行时出现self.status.split(' ',1)[0], self.bytes_sent，ConnectionAbortedError: [WinError 10053] 你的主机中的软件中止了一个已建立的连接。