Re: Largeur d'image

Liste des GroupesRevenir à fc infosystemes 
Sujet : Re: Largeur d'image
De : denis.b (at) *nospam* francogene.com (Denis Beauregard)
Groupes : fr.comp.infosystemes
Date : 13. Jul 2023, 19:35:50
Autres entêtes
Organisation : Les Productions FrancoGene
Message-ID : <d590bih4o7rkaqckiqvsvlu5gkussfrof0@4ax.com>
References : 1 2
User-Agent : Forte Agent 1.91/32.564
Le Tue, 11 Jul 2023 16:49:42 -0000 (UTC), DV <dv@reply-to.not.invalid>
écrivait dans fr.comp.infosystemes:

Denis Beauregard a écrit ceci :
>
Cela fait quelques messages que je reçois de Google au sujet de la
largeur de mes pages. Pour que ce soit visible en version mobile,
il faut que les images soient peu larges.
>
[...]
>
J'aimerais avoir à la fois une largeur fixe si l'image est vue
avec un écran complet, et un % si c'est un mobile. Est-ce possible
avec seulement du HTML ?
>
Je ne vois pas d’autre solution que d’ajouter un soupçon de CSS. Si je
reprends ton exemple, ceci devrait faire l’affaire :
>
<img moz-do-not-send="true" src="monimage.png" alt="Affichage Public"
width="400" style="max-width: 100%">
>
Aussi longtemps que la largeur de l’écran permettra d’afficher la taille
réelle, l’image aura une largeur de 400 pixels. Sinon, elle sera
automatiquement réduite pour s’adapter à la largeur de l’écran.

Merci pour la suggestion qui fonctionne très bien. Comme je dois aussi
remplacé l'ancienne version de Google Analytics (selon eux, elle ne
fonctionne plus depuis le 1er juillet), je vais en profiter pour
revoir mon site au complet. Il y a des pages qui datent d'avant l'an
2000 ! Et je lis de temps en temps des commentaires comme quoi mon
site a un air vieillot (mais il est lisible par tous, sauf ces mobiles
qui ne veulent pas que l'écran soit trop large).

Toutefois, je ne suis pas certain que les alertes sur la largeur
de mes images soient pertinentes. Par exemple:

http://www.francogene.com/gfan/gfan/998/fdr.htm

Il y a un menu en marge gauche, puis un tableau de 6 colonnes.

Si je regarde avec une tablette, c'est plutôt lisible.

Tablette Android et Chrome ou Firefox
Ipad et Chrome ou Safari
iPhone avec Safari

Avec le iPhone, c'est tout petit et on peut agrandir et selon
le navigateur, on peut glisser le tableau, alors tout est visible.

Je vais tout de même ajouter ce style="max-width: 100%" dans mes
fichiers (je dois tout éditer pour la mise à jour de Analytics)
par acquis de conscience, mais je vois que je m'en fais pour rien !


Denis

--
Denis Beauregard - généalogiste émérite (FQSG)
Les Français d'Amérique du Nord - http://www.francogene.com/gfan/gfan/998/
French in North America before 1722 - http://www.francogene.com/gfna/gfna/998/
Sur cédérom/DVD/USB à 1790 - On CD-ROM/DVD/USB to 1790

Date Sujet#  Auteur
11 Jul 23 * Largeur d'image5Denis Beauregard
11 Jul 23 +- Re: Largeur d'image1Richard Hachel
11 Jul 23 `* Re: Largeur d'image3DV
13 Jul 23  `* Re: Largeur d'image2Denis Beauregard
13 Jul 23   `- Re: Largeur d'image1DV

Haut de la page

Les messages affichés proviennent d'usenet.

NewsPortal