Je suis sur le point de créer un jeu en plein écran pour iPad. L'affichage de la rétine (nouvel iPad) a une résolution de 2048 x 1536 pixels tandis que l'ancien iPad a une résolution de 1024x768 pixels. Ma question est, devrais-je définir la largeur de mon conteneur div à 2048 pixels, puis utiliser les requêtes média pour modifier les dimensions et les positions des différents éléments HTML en fonction de la largeur de la fenêtre? Je vais utiliser beaucoup de positionnement absolu et je ne suis pas sûr comment cela fonctionnera entre l'ancien et le nouvel iPad.IPad Retina Résolution Vs Résolution normale
Ou l'affichage de la rétine retournera-t-il toujours 1024 dans les requêtes média?
De plus, ai-je besoin de deux séries d'images? Un ensemble d'images pour l'affichage de la rétine et un ensemble d'images (avec la moitié de la taille) pour l'ancien iPad?
Je suis légèrement confus. Merci de m'avoir expliqué cela.
Je pense que vous bénéficieriez de lire cet article: http://www.quirksmode.org/mobile/viewports.html. Fondamentalement, les pixels que vous spécifiez dans CSS sont en fait indépendants du périphérique. –