Ant*_*eña 7 javascript css viewport chrome-ios
您好，我想知道 safari 的 viewport-fit=cover 是否有解决方法或等效方法将网站扩展到 iPhone 缺口之外，但适用于 Chrome。
<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1.0, width=device-width" viewport-fit=cover/>
我读过并尝试过的所有内容似乎都证实，包括 viewport-fit=cover 在内，在 Chrome iOS 上不起作用。
这是我找到的资源页面：https ://webkit.org/blog/7929/designing-websites-for-iphone-x/
我正在制作一个网页，其中包含用于 3D 模型的 Three.js 渲染的单个画布，并且希望整个场景覆盖该页面。
更新 - 我想出了一种可能可以使用的解决方法。
简单来说，我将网页延伸到 iPhone 缺口之外的方法是放大页面，然后滚动到中间。
您可以在https://github.com/anthonypena97/chromeios-viewportfitcover看到我的完整解决方案
我在 Three.js 环境中编写了它，但是您可以通过对我的代码的一些研究来得出您的解决方案