بعض مشكلات CSS وكيفية حلها للاستخدام الشخصي
سطح المكتب
الأول ليس مشكلة بقدر ما قد يكون كذلك، فنادرًا ما نرى هذا العدد من الردود في منشور واحد، ولكن يجب أن تعرف أنه إذا تجاوزت 8 ردود، فإن أزرار التحكم في المنشور ستتعرض لخلل.
إليك الصورة مع 8 ردود، يبدو الأمر رائعًا.
كود CSS المستخدم لسطح المكتب
.post-retort {
margin: 0px 2px;
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
}
الهاتف: iPhone SE الجيل الأول
الجوال
الحد الأقصى لعدد الردود حاليًا على الجوال دون التأثير على أزرار التحكم في المنشور، على الأقل عند استخدام شاشة أصغر، هو رد واحد فقط.
مع أكثر من رد واحد، يتم نقل أزرار التحكم في المنشور خارج الشاشة.
إليك كيف يبدو الأمر مع تغييرات CSS الخاصة بنا.
كود CSS للجوال
.post-retort {
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
margin: 2px 2px;
float: none;
}
يمكنك تحقيق نفس المظهر على سطح المكتب كما هو على الجوال باستخدام كود CSS للجوال المذكور أعلاه، وهذا سيجعل الردود تظهر فوق أزرار التحكم في المنشور.
نحن نحب هذه الإضافة وتُستخدم بكثرة في منتدانا، شكرًا لك على تبنيها @angus 