• Taille image

    Souvent, vous publiez vos images par l'icône "image" de la barre d'outils: vous parcourez vos fichiers pour sélectionner votre image puis déterminer la taille de l'affichage avec, éventuellement, le lien vers l'image d'origine.

    L'inconvénient est que l'affichage est en pixel, unité fixe et non adaptative et qu'un petit écran ne l'affiche qu'en partie ou avec ascenseur: exemple: mon image fait 1920x1080px et je vais la dimensionner en 1600x900px.

    Sur mon PC portable dont l'écran fait 1366x768px, l'image va déborder.

    Taille image

    Elle s'affiche avec un curseur inférieur pour la faire glisser; on peut reprendre le code pour qu'il s'adapte à l'écran de lecture.

     <p style="text-align: center;"><img src="http://ekladata.com/4Aumbsfm_TFTYi3wY_UDpuL_7PE@1600x900.jpg" alt="Taille image" /></p>

    Si vous souhaitez que la largeur soit de 80% de l'écran de lecture, vous pouvez ajouter:

    <p style="text-align: center;"><img style="width:80%;" src="http://ekladata.com/4Aumbsfm_TFTYi3wY_UDpuL_7PE@1600x900.jpg" alt="Taille image" /></p>

    Taille image

    Ainsi, elle s'affichera sur tout écran en occupant 80% de sa largeur de tout écran.