Redimensionner facilement les images pour un site mobile
Posté le Monday 27 February 2012 | Catégories : CSS
J'ai déjà, dans un post précédent, présenté quelques techniques pour optimiser un site web pour les smartphones. Voici un truc supplémentaire très simple pour que les images s'affichent correctement. Il suffit d'ajouter la règle suivante dans son fichier CSS:
img {
max-width: 100%;
}
Les images trop grandes seront ainsi redimensionnées par le navigateur pour s'afficher correctement sur l'écran. Idéalement le redimensionnement devrait avoir lieu sur le serveur, afin de réduite la quantité de données à télécharger, mais ce truc très simple permet déjà de faire un pas dans la bonne direction...