Tenemos un diseño de página que funciona muy bien en todos los navegadores de PC que he probado, pero resulta extraño cuando se lo ve con un iPhone o iPod Touch.Representación CSS de imágenes de fondo de forma diferente en el iPhone
El problema es que ver una imagen de fondo centrada con ¡eso es muy alto:
#content_container
{
background-image:url('content-background.jpg');
background-position:top center;
background-repeat:no-repeat;
width:1020px;
height:auto;
}
La imagen content-background.jpg es muy alto (3000 píxeles) y está diseñado para ser 'reveló' como el DIV es en crece debido al contenido
Vas a tener que mirar la página y CSS llena de entender, por lo que ha despojado de todo lo demás fuera del diseño y re-produjo el problema con este ejemplo:
http://files.codeulike.com/static/cssexample/example.htm
(ejemplo hecha de 1 archivo html, 1 archivo css y 3 imágenes)
Verás que en IE8, Firefox, Chrome obtendrás una bonita caja verde. Pero en un navegador iOS, la imagen de fondo larga y delgada se vuelve a escalar y todo se vuelve extraño.
(Estoy usando un iPod Touch de segunda generación, pero supongo que el mismo problema sucederá en otros iPhones/toques de iPod).
Cualquier ayuda muy apreciada!
¡Me salvó el culo! Esto es exactamente lo que necesitaba saber. Pensé que había algo mal con mi CSS y lo estaba pirateando durante una hora más o menos cuando encontré esta publicación. ¡Gracias! En realidad, no estoy seguro de cuál es el límite real, creo que es un límite de tamaño de archivo, no megapíxeles o ancho o alto. – Brian
Para reducir rápidamente el tamaño de la imagen móvil en el lado de la nube, puede usar http://tinysrc.net para que el pobre navegador y la red no tengan que hacer el trabajo duro. –
Corregir aproximadamente> 32 megapíxeles no se muestra en absoluto: tomó una hora de depuración, pero esta era la solución. iOS Safari carga la imagen si la apunta directamente, pero cuando la imagen es un fondo, la consola de depuración en OSX safari muestra un símbolo de imagen roto sin información útil. – user208769