Nous avons un design de page qui fonctionne très bien dans tous les navigateurs de PC que j'ai essayés, mais qui devient étrange quand on le regarde avec un iPhone ou un iPod Touch.Le rendu de l'image de fond CSS différemment sur l'iPhone
Le problème est quelque chose à voir avec une image de fond centrée thats très grand:
#content_container
{
background-image:url('content-background.jpg');
background-position:top center;
background-repeat:no-repeat;
width:1020px;
height:auto;
}
L'image content-background.jpg
est très grand (3000 pixels) et est conçue pour être « révélé » comme le DIV est en pousse en raison du contenu.
Vous devrez regarder la page et complète CSS à comprendre, alors je l'ai tout le reste dépouillé de la conception et recréée le problème avec cet exemple:
http://files.codeulike.com/static/cssexample/example.htm
(exemple en jusqu'à 1 fichier html, 1 fichier css et 3 images)
Vous verrez que dans IE8, Firefox, Chrome vous obtiendrez une belle boîte verte. Mais dans un navigateur iOS, la longue image de fond mince est redimensionnée et tout devient étrange.
(J'utilise un iPod touch 2ème génération mais je suppose que le même problème se produira dans d'autres iPhones/touches iPod).
Toute aide grandement appréciée!
Enregistré mon cul! C'est exactement ce que j'avais besoin de savoir. Je pensais qu'il y avait quelque chose de mal avec mon CSS et le piratait pendant une heure ou deux quand j'ai trouvé ce post. Merci! En fait, je ne suis pas sûr de la limite réelle, je pense que c'est une limite de taille de fichier, pas de mégapixels ou de largeur ou de hauteur. – Brian
Pour une rétraction rapide de l'image mobile dans le cloud, vous pouvez utiliser http://tinysrc.net afin que le mauvais navigateur - et le réseau - n'aient pas à faire le dur travail. –
Corriger environ> 32 mégapixels ne montre pas du tout - a pris une heure de débogage, mais c'était la solution. iOS Safari charge l'image si elle est pointée directement dessus, mais lorsque l'image est un arrière-plan, la console de débogage dans OSX Safari affiche un symbole d'image brisée sans informations utiles. – user208769