Si on affiche une image dans une div de la largueur de l'écran et qu'on fait en sorte que l'image prenne 30% de la largueur, mais que la div s'adapte donc à la largueur de l'écran, y compris sur mobile, l'image est souvent trop petite sur mobile.
L'idée serait donc que sur mobile l'image prenne toute la largueur disponible, afin qu'on puisse la voir le mieux possible.
Cela fonctionne bien avec les grandes images ... mais les petites sont trop grandes et donc pixelisées. Par "petites" je pense à celles dont la largueur de base est largement inférieur à leur largueur sur mobile. Vu que certaines images sont petites car il n'est pas utile d'en montrer davantage, la situation arrive assez souvent.
Je souhaite savoir s'il y a une solution pour cet affichage d'images sur mobile ...
La méthode est simplement d'utiliser plusieurs medias queries, et d'indiquer par exemple qu'entre telle et telle largueur, l'image n'a pas moins que tant et tant de pixels. Cela évite par exemple d'avoir une image qui est à 10% de la largueur et devient illisible sur mobile avec un petit écran.
- Edité par XxJeremyxX 6 février 2018 à 21:48:51
Problème de redimentionnement d'images sur mobile
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Lord Morpheus, Seigneur Morphée, Dieu Grecs des Songes, Fils de la Nuit et du Sommeil