web-dev-qa-db-fra.com

Article joomla v3.6 - L’image téléchargée s’étire au maximum

J'ai remarqué le problème ci-dessus lorsque je composais un article dans Joomla. Ce qui suit est l’image téléchargée lorsqu’elle est visualisée sur un périphérique de téléphone intelligent qui a l’air parfait.

smart phone view

Cependant, la version Web semble très étirée. desktop version

Idéalement, je ne souhaite pas de redimensionnement pour la version de bureau. Comment puis-je y arriver? S'il vous plaît, aidez les experts de Joomla.

Merci.

1
Will Kim

Vous pouvez facilement y parvenir avec certaines substitutions de CSS personnalisées effectuées dans vos styles de modèle CSS. Utilisez des requêtes multimédia pour ajuster la largeur des images à la taille de l'écran de l'utilisateur. Vous pouvez essayer ce code ici:

/* Pour une largeur supérieure à 400 px: */
. Your-image-class {
 Display: inline-block; 
} 
 
 
/* Pour une largeur inférieure ou égale à 400 px: */
 @ Écran avec support uniquement et (max-width: 400px) {
 .Votre-classe-image {
 affichage: bloc; 
 largeur: 100%; 
} 
} 
2
tonydoe