Petite limitation sur iPhone
Comme vous savez je suis actuellement en stage chez CloudRaker. Je travaille sur la version mobile du site web et on vise particulièrement le iPhone. J’ai fait une petite découverte récemment que je crois intéressant à vous partager.
En css, on applique une background-image à une Div et l’image n’apparait pas dans le iPhone Simulator (qui vient avec le iPhone SDK). L’image ne load tout simplement pas…
Alors j’ai pensé à réduire la hauteur de l’image (qui faisais au départ environ 800×4990 px) en réduisant sa hauteur à coups de 1000. Donc une version en 4000, 3000 2000 et 1000 de haut.
Conclusion? celle de 3000 de haut ne load tout simplement pas, mais cette de 2000 oui.
Donc il y a une limitation de hauteur dans le user-agent du iPhone. Je ne sais pas si il y a la même limitation avec certaines versions de Safari, mais celle que j’ai testé sur Leopard (3.1) n’avait pas ce problème.
À noter que je n’ai pas pu tester avec un vrai iPhone, parce que le iPhone est cher et qu’ici au Canada, avoir l’internet sur son mobile est hors de prix, donc si de l’autre côté de l’océan quelqu’un pourrait tester ceci et me le dire ce serait intéressant.