COS-General

Comment utiliser un design adaptatif pour mon image ?

Dernière mise à jour: July 3, 2017

Disponible avec :

Produit: HubSpot Marketing
Abonnement: Basique, Pro et Entreprise

Par défaut, les images intégrées à des modèles issus de HubSpot et aux modèles des thèmes HubSpot utilisent un design adaptatif.  Toutefois, si vous voulez intégrer un code CSS supplémentaire pour vous assurer que les images utilisent bien un design adaptatif sur les appareils mobiles, vous pouvez ajouter l'exemple de code CSS ci-dessous aux feuilles de style de vos pages, en le modifiant en fonction de vos classes personnalisées, des identifiants de vos modules, etc. :

img{max-width: 100%; height: auto;}

Pour savoir où trouver les feuilles de style associées à votre page, consultez cet article. Le code CSS conduit votre navigateur ou votre client de messagerie à adapter la largeur de l'image à la taille de l'écran utilisé, et à régler la hauteur en fonction de la largeur.

Si vous n'êtes pas à l'aise avec le code CSS, nous vous recommandons de travailler à la conception de vos pages avec un professionnel. Vous trouverez des concepteurs compétents dans l'annuaire des partenaires disponible ici