首先添加带有 viewport-fit=cover 的<meta name="viewport" />标签：
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
/>
然后需要适配的元素添加如下CSS:
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
如:
.fixed-bottom {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
首先添加带有 viewport-fit=cover 的 标签： 然后需要适配的元素添加如下CSS: 如:
Apple 更新了中文版的 iPhone X 的适配文档关键字：Safe Area（安全区域）iPhone X 具...
原文地址：快速自动化适配iPhone X 关于iPhone X的适配，主要需要做的工作点就是针对上下非安全区域的适...
一、iPhone X的适配 1、iPhone X， 5.8 英寸,屏幕分辨率为 1242 x 2800 除去底部固...
参考小程序iPhone X 视适配 在开发小程序时，可能需要适配iphone x 的时候，你会发现底部的横线会出现...
场景：UIViewController 上添加 UITableView 以下主要讲的是通过storyboard上直...
1.获取状态栏的高度 使用公共的文件宏定义，用于屏幕适配： 2.获取底部的底部的安全距离 iPhone X手机为3...
vue适配iphoneX底部安全区域index.html css 设置
iPhone X的简单适配 iPhone X的简单适配
适配iPhone x 底栏高度（83:49） 适配iPhone x 状态栏高度（44:20） 适配iPhone x...
本文标题：iPhone X底部安全区域适配
本文链接：https://www.haomeiwen.com/subject/qwejxktx.html
网友评论