Hola, me preguntaba si había una solución, o equivalente, para que viewport-fit=cover de safari extendiera un sitio más allá de la muesca del iPhone, pero para Chrome.
<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1.0, width=device-width" viewport-fit=cover/>
Todo lo que he leído y probado parece confirmar que viewport-fit=cover no funciona en Chrome iOS.
Aquí hay una página de recursos que encontré: https://webkit.org/blog/7929/designing-websites-for-iphone-x/
Estoy creando una página web que incluye un solo lienzo para la representación three.js de un modelo 3D y me gustaría que toda la escena cubra la página.
ACTUALIZACIÓN: se me ocurrió una solución alternativa que uno podría usar.
En términos simples, mi enfoque para extender la página web más allá de la muesca del iPhone es hacer zoom en la página y desplazarme hacia el medio.
puede ver mi solución completa en https://github.com/anthonypena97/chromeios-viewportfitcover
Lo escribí dentro de un entorno three.js, pero puede obtener su solución a partir del estudio de mi código.