你好，我想知道是否有一种变通方法或等效方法，可以让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渲染的单个画布，并希望整个场景覆盖该页面。
UPDATE-我想出了一个可以使用的解决方法。
简单地说，我将网页扩展到iPhone缺口之外的方法是放大页面，然后滚动到中间。
您可以在上查看我的完整解决方案https://github.com/anthonypena97/chromeios-viewportfitcover
我是在一个three.js环境中编写的，但您可以通过研究我的代码来获得解决方案