Bonjour,

j'ai incorporé 2 widgets sous forme d'Iframe dans ce article : https://www.meteo-viriat.fr/articles.php?lng=fr&pg=140&mnuid=1511&tconfig=0#z2 Si la taille >400px

l'Iframe déborde de la page lors d'un affichage sur smartphone. Sur écran PC l'affichage est correct jusqu'à 800px

Je n'ai pas ce problème avec des images en jpg comme celles de cet article qui font pourtant 800px :https://www.meteo-viriat.fr/articles.php?lng=fr&pg=2077&mnuid=1511&tconfig=0#z2

Je ne suis pas à l'origine du code qui m'a été fourni par le site qui propose ces widgets.

Merci d'avance pour m'aider à résoudre ce problème d'affichage, si c'est possible avec des Iframe, j'aimerai arriver au même résultat qu'avec des images en jpg.

Cordialement,

Pascal

GuppY 6.00.18 Système d'exploitation du serveur : Linux 5.15.148-ovh-vps-grsec-zfs-classid PHP : 8.1.29 / MET=165 - ML=512M - UMF=128M - PMS=130M - MFU=20 URL du site : https://www.meteo-viriat.fr/ Plugins : , , UA: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36    

Rectifié par PM01440 le 29/10/2024 @ 11:06

Rectifié par PM01440 le 03/11/2024 @ 09:53

Bonjour,

Les images, les vidéos sont redimensionnées automatiquement.

Dans le code de l'iframe, tu as un width="400", tu le remplaces par une largeur en pourcentage, par exemple width="100%".

A tester, pour voir si le site d'origine accepte une modification.

J'ai été sur le site en question et j'ai ceci comme code qui me parait correct :

<iframe frameborder="0" src="https://imweather.com/widget/map?lat=48.1475&lng=-3.5225&z=8.34&model=nowcast&element=satellite&values=true" style="height:400px;width:100%;max-width:600px;"></iframe>

Cordialement, Papinou

Merci pour ta réponse et ton aide!

L'affichage est parfait sur l'écran du PC, tout est dans le cadre de la page.

Sur smartphone en mode portrait les cartes sont rognées au lieu d'être réduites, en mode paysage la largeur est correcte mais il faut faire défiler de haut en bas pour voir toute la carte, elle n'ai pas réduite proportionnellement à la taille de l'écran comme avec une image jpg.

Bonne fin de journée,

Cordialement,

Pascal  

Rectifié par PM01440 le 17/11/2024 @ 15:28

Document generated in 0.01 second