PWA 特定 CSS
PWA specific CSS
我正在构建一个具有底部菜单栏的 React Web 应用程序。虽然它在移动浏览器中工作正常，但如果它在 iOS 上呈现为 PWA，它具有底部滑动条，它会遮挡按钮并阻止正确使用。
与 PWA 版本
有没有办法只针对 PWA 版本，为底部菜单保留特定样式以填充 space 空间，这样系统交互栏就不会超过我的 UI？我正在努力思考可以只影响 PWA 的目标。
使用safe-area-inset-bottom避免在移动控件元素下显示控件。
例如，env(safe-area-inset-bottom) 可以用在 CSS 中，以了解在底栏下方放置多少内边距。
我正在构建一个具有底部菜单栏的 React Web 应用程序。虽然它在移动浏览器中工作正常，但如果它在 iOS 上呈现为 PWA，它具有底部滑动条，它会遮挡按钮并阻止正确使用。
与 PWA 版本
有没有办法只针对 PWA 版本，为底部菜单保留特定样式以填充 space 空间，这样系统交互栏就不会超过我的 UI？我正在努力思考可以只影响 PWA 的目标。
使用safe-area-inset-bottom避免在移动控件元素下显示控件。
例如，env(safe-area-inset-bottom) 可以用在 CSS 中，以了解在底栏下方放置多少内边距。