Estoy construyendo un portal web que tiene que ser funcional y bonita en múltiples plataformas. Una de las plataformas IOS Safari, y aquí es donde me encontré con un problema. En mi código me alinear dos flotante de botones en la parte inferior de un div con un ancho y una altura de 100% Todo esto funciona bien y los botones de mi mostrará exactamente como se supone que están en la parte inferior de la página. Sin embargo, cuando hago clic en los botones de la vista compacta de mobile safari cambia a plena vista y mis botones se ocultan detrás de la parte inferior de la barra de navegación!
Es un comportamiento normal para safari mobile para mostrar el menú ampliado cuando el usuario pulsa en el 10% inferior de la pantalla? ¿Cómo puedo evitar esto?
En este gif se puede ver el problema en el simulador de IOS:
Como puede ver, el problema sólo se produce cuando un botón está en la parte inferior del 10% de la vista. Esto es sólo un botón normal, Mi código era triple marcada por varios desarrolladores y no tiene errores.
