[image] It’s 3:1. But show as 1:1. It’s a SVG. [image] The style of logo elements are as same as here Edit: Same without any components Edit#2: It’s caused by svg’s viewBox. How can I make a svg compatible with Discourse?

I tried a few things out, and it looks like the viewbox is causing issues… if I instead move those values to height/width and remove viewbox, it works the same on desktop and mobile. So, opening up the svg in a text editor and changing the second line from: <svg xmlns="http://www.w3.org/2000/svg" …

[Bild] SettingDust: It’s caused by svg’s viewBox. How can I make a svg compatible with Discourse? maybe try editing the svg’s viewbox? based on the screenshot I’d guess that despite the logo being 3:1 the viewbox is 1:1?

The width & height of viewbox is 3:1. And it’s ok on desktop

It’s ok when I specific the max-height of img to height. But it’s seems that a value been generated. So I don’t think it’s a solution :smiley:

It’s seems that the width & height specific a absolute value. But the view box more like a “relative” value. And it’s ok. Thanks a lot :smiley:

Warum ist mein mobiles Logo seltsam?

Unterstützung

SettingDust (Setting Dust) 4. Mai 2021 um 04:23 6

Es scheint, als gäbe Breite und Höhe einen absoluten Wert an. Die Viewbox hingegen ist eher ein “relativer” Wert.
Und das ist in Ordnung. Vielen Dank

Thema		Antworten	Aufrufe
Svg mobile logo scales incorrectly Bug	13	1169	8. März 2023
Logo squished in mobile view? Support	1	711	14. Oktober 2022
Stuck in Desktop view on mobile from long logo Support	3	598	30. November 2020
Mobile logo in header broken Support	14	1950	23. November 2018
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1207	31. Januar 2024

Warum ist mein mobiles Logo seltsam?

Verwandte Themen