Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2016-05-21 07:53:17

geba
Membre
Lieu : Isère
Inscription : 2006-08-02
Site Web

[Thème MistyLook2013] Images sur mobile

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

#2 2016-05-22 06:59:01

geba
Membre
Lieu : Isère
Inscription : 2006-08-02
Site Web

Re : [Thème MistyLook2013] Images sur mobile

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

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map