PWA:禁用或检测 iOS 上的黑色底栏

Jul*_*nec 5 javascript css iphone progressive-web-apps

有没有一种简单的方法可以在 iOS 设备上禁用这个黑色底栏(例如使用 CSS)或使用 JavaScript 检测它?(对于渐进式网络应用程序)

在此输入图像描述

abr*_*ham 9

您可以env(safe-area-inset-bottom, 20px)在 CSS 中使用以避免重叠,如为 iPhone X 设计网站中所述。

  • 请注意,您需要在“viewport”元标记中添加“viewport-fit=cover”才能启动此功能 (4认同)