Estoy trabajando en la versión para iPad de un proyecto web y estoy usando el inspector web de Safari para trabajar con el diseño CSS, etc. Sin embargo, he rastreado mi error hasta la metaetiqueta de la ventana gráfica.

Cuando un iPad Air con iOS 9.0 - 9.2 está en modo vertical, las meta reglas de la ventana gráfica se rompen / ignoran. Aquí hay una captura de pantalla del problema desde un iPad air iOS 9.2:

El problema: Cuando está en vertical, el ancho calculado para elhtml ybody la etiqueta tiene 768 px pero hay un espacio en blanco a la derecha de aproximadamente 300 px. tambiénuser-scalable=no no se aplica. Los elementos fijos como el navegador y el pie de página aparecen al 100% como se ve en la imagen. El paisaje está bien y todos los demás dispositivos / SO funcionan como se esperaba.

El sitio web es Utilidata.com. ¿Alguien ha visto este comportamiento o sabe de una solución?

<meta name="viewport" content="width=device-height, initial-scale=1, user-scalable=no"/>

ACTUALIZACIÓN: estoy viendoreddit personas enloquecidas por los problemas de viewport de iOS 9. Sin embargo sushrink-to-fit=no La solución no soluciona.