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

image
النسبة 3:1، لكنها تظهر كـ 1:1. إنها صورة SVG.
image

نمط عناصر الشعار مطابق لما هو موجود هنا

تعديل: نفس الشيء بدون أي مكونات

تعديل #2: السبب هو viewBox الخاص بـ SVG. كيف يمكنني جعل صورة SVG متوافقة مع Discourse؟

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

عرض وارتفاع viewbox بنسبة 3:1. وهذا مقبول على سطح المكتب.

جربتُ بعض الأمور، ويبدو أن viewBox يسبب مشاكل… إذا قمتُ بنقل هذه القيم إلى height/width وحذفت viewBox، يعمل الأمر نفسه على سطح المكتب وعلى الهاتف المحمول.

لذا، بعد فتح ملف SVG في محرر نصوص وتغيير السطر الثاني من:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 751.98 200">

إلى:

<svg xmlns="http://www.w3.org/2000/svg" width="751.98" height="200">

سأحتاج إلى البحث في سبب اختلاف ذلك على الهاتف المحمول…

لا بأس عندما أحدد max-height للصورة ليكون مساويًا لـ height. لكن يبدو أن قيمة ما تُولد تلقائيًا، لذا لا أعتقد أن هذا حل :smiley:

يبدو أن العرض والارتفاع يحددان قيمة مطلقة. لكن صندوق العرض أشبه بـ “قيمة نسبية”. وهذا مقبول. شكرًا جزيلاً :smiley: