Vous n'êtes pas identifié(e).
13 février 2024 Sortie de Dotclear 2.29
Pages : 1
Bonjour,
En train d'adapter le thème MistyLook à mon blog, je constate au premier essai que le rapport H/L des images sur un mobile n'est pas respecté. J'ai essayé avec ou sans le plugin ImgWidthAndHightAdder.
Pour le test, le téléphone mobile est un Nexus 5 sous la dernière version d'Androïd, navigateur Chrome.
Merci de votre éclairage
Cordialement
Geba
Hors ligne
Bonjour,
Je crois avoir trouvé la solution. La feuille de style précise pour les mobiles :
@media (max-width: 600px)
La dimension de l'image :
img { max-width: 96%;}
.post-content img { max-width: 90%;}
Pour conserver le ration des dimensions, il suffirait d'ajouter la propriété height:auto, soit :
img { height: auto;max-width: 96%;}
.post-content img { height: auto;max-width: 90%;}
Cordialement
Geba
Hors ligne
Pages : 1
Vous n'êtes pas identifié(e).