[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" …

[صورة] 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:

لماذا شعار هاتفي المحمول غريب

الدعم

awesomerobot (Kris) 4 مايو 2021، 4:05ص 2

ربما تحاول تعديل viewBox الخاص بـ SVG؟ بناءً على لقطة الشاشة، أظن أنه على الرغم من أن الشعار بنسبة 3:1، فإن الـ viewBox هو 1:1؟

الموضوع		الردود	مرات العرض
Svg mobile logo scales incorrectly Bug	13	1169	8 مارس 2023
Logo squished in mobile view? Support	1	711	14 أكتوبر 2022
Stuck in Desktop view on mobile from long logo Support	3	598	30 نوفمبر 2020
Mobile logo in header broken Support	14	1950	23 نوفمبر 2018
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1207	31 يناير 2024

لماذا شعار هاتفي المحمول غريب

الموضوعات ذات الصلة