بعد تحديث المنتدى، تخرج لافتات الفئات على الإصدار المحمول من الصندوق، أتخيل أن إصلاح حجم اللافتات يمكن أن يحل المشكلة.
هل يمكن لأحد مساعدتي من فضلك؟
شكرا مقدما.
مرحباً،
أعتقد أن السبب هو هذا الـ CSS
.category-logo.aspect-image {
width: calc(var(--max-height) * var(--aspect-ratio));
}
هنا الـ max-height هو 150 بكسل ونسبة العرض إلى الارتفاع تعتمد على الصورة. هذا يعني أنه إذا كانت لديك صورة بنسبة عرض إلى ارتفاع 6… فستكون الصورة بعرض 150 × 6 = 900 بكسل. لذا فهي تعتمد على نسبة العرض إلى الارتفاع للصورة.
ولكن يمكنك تجاوز هذه الحسابات… (ليس هذا ولكن سيؤثر عليه) بما يلي.
أضف حداً أقصى للعرض للصورة. لذلك لا يمكن أن تكون الصورة أعرض من هذه القيمة.
أضف ما يلي إلى قسم CSS للجوال.
.category-list .category-logo.aspect-image {
max-width: 250px;
}
أو يمكنك تجربة شيء مثل هذا على الجوال. سيقوم بحساب أقصى عرض لنافذة العرض ومحاذاة الصورة مع هذا.
.category-list .category-logo.aspect-image {
max-width: calc(100vw - 2.5em);
}
إعجاب واحد (1)
شكرا جزيلا لك @Don 
الآن يبدو رائعا!
إعجاب واحد (1)
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.