مرحبًا بالجميع!
أريد إزالة العرض الثابت واستبداله بقيمة نسبية.
كيف يمكنني فعل ذلك؟ لقد جربت العديد من الطرق لكن لم ينجح أي منها.
إليك صورتان توضحان كيف يجب أن يكون الأمر في “الصفحة الرئيسية”.
وهنا داخل موضوع معين.
فمن يمكنه أن يمنحني تلميحًا أو الكود مباشرة؟
سأكون ممتنًا جدًا!
هل لا أحد يستطيع مساعدتي؟ من فضلك!
حسب عرض العمود
أولاً، نحتاج إلى إعادة تعريف display: flex;:
.categories-and-latest {
display: block;
}
ثم، نحدد العرض:
.column.categories{
width: 40%;
float: left;
}
هذا مجرد مثال. قد تحتاج إلى التقاط div السابق والاهتمام بعرض الشاشة. لا أعرف ما الذي سيحدث على الأجهزة المحمولة، وسيحتاج الأمر إلى إضافة المزيد من تنسيقات CSS.
انتبه إلى: display: flex;. ربما توجد صعوبات في ذلك.
شكرًا لك!
ما أبحث عنه هو محدد CSS للعرض الافتراضي.
لقد جربت .wrap والعديد من المحددات الأخرى، لكن لم ينجح أي منها. حصلت عليها باستخدام أداة الفحص.
جربت استخدام .wrap
max-width: 100%;
وأصبح العرض 100%
إذا قمت بذلك، فإن الرأس والتذييل فقط هما اللذان يكونان بنسبة 100٪.
هل فاتني شيء ما؟
تحرير:
تحققت مرة أخرى وأضفت
#main > div #main-outlet {
max-width: 90%;
width: 90%;
}
ولكن كما ترون في لقطة الشاشة، يتم تجاوزها من theme_11.scss ولا أعرف السبب.
جرب هذا الخيار.
.categories-and-latest {
display: block;
}
.wrap {
max-width: 90%;
width: 90%;
}
.categories-and-latest div.column.categories {
width: 40%;
float: left;
}
نفس الأمر كما سبق، يتم الكتابة فوقه من ملف theme_11.scss.
هذا مزعج جدًا لأنه كان يعمل مرة واحدة، لكنه لم يعد يعمل الآن.
تعديل:
أحد مكونات السمة، ويجب أن أكتشف أي واحد.
وجدتها، إنها “تذييل سهل الاستجابة” الرسمية. بعد إزالتها، تغير عرض الموقع إلى 90%.
ربما يمكن لـ @Johani إلقاء نظرة على ذلك لأنني أرغب في استعادة التذييل.
تعديل 2:
و"اللافتة متعددة الاستخدامات" تُفسد تغييرات العرض. ربما يمكن لـ @tshenry إلقاء نظرة أيضًا؟