
C’est 3:1, mais il s’affiche comme 1:1. C’est un SVG.

Le style des éléments du logo est identique à celui-ci
Édition : Pareil sans aucun composant
Édition #2 : C’est dû à la viewBox du SVG. Comment puis-je rendre un SVG compatible avec Discourse ?

C’est 3:1, mais il s’affiche comme 1:1. C’est un SVG.

Le style des éléments du logo est identique à celui-ci
Édition : Pareil sans aucun composant
Édition #2 : C’est dû à la viewBox du SVG. Comment puis-je rendre un SVG compatible avec Discourse ?
Peut-être essayer de modifier la viewBox du SVG ? D’après la capture d’écran, je parierais que, bien que le logo soit dans un ratio 3:1, la viewBox est en 1:1 ?
La largeur et la hauteur de la viewbox sont dans un rapport de 3:1. Cela fonctionne correctement sur ordinateur de bureau.
J’ai essayé quelques solutions, et il semble que l’attribut viewBox soit à l’origine du problème… Si je déplace ces valeurs vers height/width et que je supprime viewBox, cela fonctionne de la même manière sur ordinateur et mobile.
Donc, en ouvrant le fichier SVG dans un éditeur de texte et en modifiant la deuxième ligne de :
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 751.98 200">
en :
<svg xmlns="http://www.w3.org/2000/svg" width="751.98" height="200">
Je devrai investiguer pourquoi cela se comporte différemment sur mobile…
C’est correct quand je spécifie la max-height de l’image à height. Mais il semble qu’une valeur soit générée. Donc je ne pense pas que ce soit une solution ![]()
Il semble que la largeur et la hauteur spécifient une valeur absolue. Mais la viewBox est plutôt une valeur « relative ».
C’est parfait. Merci beaucoup ![]()