Adapter les images de mon site à tous les écrans

[roro222]

Bonjour

Mes images sont stockées sur Google et je les appelles par leur adresse pour les afficher sur mon site.
Par exemple:

https://lh4.googleusercontent.com/-OvrMZ04zAm0/VPYrbwGDfdI/AAAAAAAAAQg/VQsPrB46gzM/w830-h537-no/table%2Bpierre.jpg

Mon problème:

Sur pc ou tablette, pas de problème, elles s'affichent normalement.
Mais sur les téléphones portables ce n'est pas le cas
On ne voit qu'une partie de l'image et selon les systèmes soit avec ascenseur ou pas.
Que dois-je mettre comme argument pour qu'elles s'adaptent à tous les écrans, quelque soit le téléphone, la résolution et le navigateur ?

Tentative de code

<img class="shrinkToFit" alt="table-pierre.jpg" src="https://lh4.googleusercontent.com/-OvrMZ04zAm0/VPYrbwGDfdI/AAAAAAAAAQg/VQsPrB46gzM/w830-h537-no/table%2Bpierre.jpg" height="189" width="292"></img>

Si je met ce code, ok pour portable mais image trop petite sur écran de pc

<meta name="viewport" content="width=292, maximum-scale=1">
<img class="shrinkToFit" alt="table-pierre.jpg" src="https://lh4.googleusercontent.com/-OvrMZ04zAm0/VPYrbwGDfdI/AAAAAAAAAQg/VQsPrB46gzM/w830-h537-no/table%2Bpierre.jpg" height="device-height" width="device-width"></img>

Si je met ce code, Ok pour écran de pc mais image trop grande pour portable
(il y a des ascenseurs sur l'iphone3 par exemple)

Merci de votre aide
-----

[Ikhar84]

Salut !
Félicitation, tu as découvert le principe du Responsive Design !
Regardes un exemple en css par là

[roro222]

Merci de la réponse
Je vais tenter du bidouillage de code sur ma fenêtre à code de l'éditeur Wix *
Je vous tient au courant

PS(oui je sais, je suis prisonnier de Wix, mais c'est tellement facile de faire un site quand on y connait rien en codage)

[roro222]

Bon voilà ce que j'ai bidouillé

table code.jpg

Sur le téléphone de mon fils (Huawei P8 Lite2017 Android7 Chrome) tout est ok

Sur l'aperçu de l'éditeur Mode mobile tout est ok

table sur portable.jpg

Sur User Agent de Firefox iphone 3 l'image est entière mais il reste l’ascenseur

user agent iphone3.jpg

Sur Responsinator (émulateur en ligne) c'est très long, ça me plante parfois mon navigateur et ça m'affiche qu'un morceau d'écran

Me reste plus qu'a tester sur d'autres modèles et coder toutes mes images.
Pour le moment je n'ai codé que 2 images (petite maison en pierre et table de jardin)
Vous pouvez les voir sur cette page et éventuellement me faire un retour sur le comportement de l'affichage avec les références de l'appareil utiliser afin de voir si ça vaut le coup de tout recoder ou si j'en reste là
Merci
http://riri-linventeur.wixsite.com/l...ouillards/riri

[A voir en vidéo sur Futura]