Estoy tratando de obtener el tamaño de pantalla disponible en iPhone Safari para reducir el tamaño de un contenedor a la altura de la pantalla, menos la barra de estado y la barra de herramientas.iPhone Safari screen.availHeight and statusbar/toolbar/addressbar
Como iOS siempre devuelve las dimensiones de la pantalla como si el teléfono está en orientación vertical, estoy usando screen.availWidth para calcular la altura en el paisaje. Las siguientes son las dimensiones devueltos: representa
diferenciascreen.width; //320
screen.availWidth; //300
El 20 píxeles de la barra de estado superior en el teléfono, pero no tiene en cuenta la barra de botones (barra de herramientas) en la parte inferior de la pantalla.
¿Hay alguna propiedad que pueda usar que devuelva 268px?
Lo haría (screen.availWidth - 32) pero existe la posibilidad de que el usuario agregue el sitio como marcador de escritorio, en cuyo caso esta barra no estará presente y el valor 300px sería correcto.
Después de más investigación y experimentación, la disponibilidad de 300 tiene sentido; es la altura menos la barra de estado de 20 px. En otras palabras, menos el OS Chrome y no el navegador Chrome. El valor también era incorrecto para una versión anterior de iOS, por lo que no recomendaría confiar demasiado en él. – howard10
Compruebe mi respuesta a una pregunta similar, podría ayudar un poco http://stackoverflow.com/questions/8205812/jquery-js-ios-4-and-document-height-problems –