代码之家 › 专栏 › 技术社区 › playerone

如何修复CSS安全区域以在iOS 14.5中工作?

ionic-framework ios css

playerone · 技术社区 · 3 年前

自从我将iOS更新到14.5后,我的安全区域代码就不起作用了。代码在我的iOS 11.x的ionic 5项目中完美运行,具有: padding-bottom: env(safe-area-inset-bottom) !important; 和在html中 <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

现在的问题是 env(safe-area-inset-bottom) 它总是被解析为0,所以我的手机iPhone 11和iPhone 12上没有底部填充。我想这个代码再也检测不到iPhone上的凹口区域了。

0 回复 | 直到 3 年前

playerone 3 年前

这是我的错误,我看到代码包含2个元标签,不知何故,这个代码在safari 13上有效,而在safari 14上无效。

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

删除第二行代码后,安全正常工作。

要检查安全区域和env()是否在您的手机上工作,只需打开 https://developer.mozilla.org/en-US/docs/Web/CSS/env() 和检查示例。

我把这个问题留在这里,以防有人有类似的问题。

推荐文章

Mark George · 如何在swift ui中为文本提供内部填充

1 年前

Safa Ads · CDN:无法下载中继URL:https://cdn.jsdelivr.net/cocoa/Specs/2/e/c/RxSwift/3.0.0-rc.1/RxSwift.podspec.json响应:SSL连接错误

1 年前

Community wiki · 如何在UISplitViewController中使用didSelectRow传递数据-从主到详细

1 年前

Laura Corssac · 转换在NavigationView中不起作用

2 年前

Alejandro Jacobs · 如何在Swift中访问TableView标题中的按钮?

2 年前

Euan Traynor · UITextField未检测到“刷到类型”的更改

2 年前

LaurenTsai · 如何在Flatter中的BottomAppBar中的图标下方创建文本?

2 年前

Frakcool · 满足条件时,SwiftUI动画背景颜色更改

2 年前

Michael Long · Swift中等级一致性的铸造和测试[副本]

2 年前

bhartsb · 调用文本的目的是什么。flatMap(URL.init)?

2 年前