الجداول العريضة تتقلص في الصفحات المنشورة

مرحباً يا جماعة،

لقد كنت أحاول تحسين مظهر الصفحات المنشورة الخاصة بي، حيث يبدو أن الجداول العريضة تتقلص بشدة.


تعديل: إليك رابط الصفحة

لقد حاولت استخدام CSS لـ إنشاء حدود للجدول و زيادة عرض الجداول إلى أقصى حد
ولكن أعتقد أن الصفحة المنشورة لا تعرض مكونات المظهر :smiling_face_with_tear:

هل لديك أي أفكار حول كيفية جعل الجداول العريضة تبدو أفضل؟

تعديل 2: هل يتم تخزين طرق عرض الصفحات المنشورة؟

يجب أن تظل CSS تعمل على الصفحات المنشورة - هل JavaScript وما شابه ذلك فقط هو الذي لا يعمل.

ولكن لديها فئات محددة (بالطبع).

إعجابَين (2)

هناك مشكلتان في هذه الصفحة المنشورة والجدول.

يبدو أن غلاف المحتوى صغير بعض الشيء.

يمكنك محاولة تعديله عن طريق اللعب بـ max-width (الجزء الأول من CSS)، يمكنك تغيير القيمة ويجب أن تظل مستجيبة.

ثم إن عرض الجدول بنسبة 100% لا يعمل، ربما لأن CSS مختلف قليلاً في الصفحة المنشورة. لقد أضفت جزءًا ثانيًا في CSS المخصص لإصلاح ذلك.

هذا هو الكود:

.published-page {
  .published-page-content-wrapper {
    max-width: 1200px;
    width: 100%;
  }
  .md-table .table {
    width: 100%;
  }
}
3 إعجابات

شكرا جزيلا! الكود يجعل الصفحة تبدو أفضل بكثير! لكن الجدول لا يزال يبدو مضغوطًا بعض الشيء؟ أي أفكار أخرى؟

هذا ما يبدو عليه على المنصة: