هل توجد طريقة لإلغاء الحشو الهامشي الأيمن للمحتوى المضمّح على الأجهزة المحمولة؟
على الشاشات الضيقة، تُضيّق الحواشي المضمّحة المعكوسة المساحة الأفقية للشاشة إلى بضعة أحرف فقط. مما يؤدي إلى تفكك التفاف النص!
أنا لست خبير CSS يظهر على التلفزيون، ولم أكن في فندق هوليداي إن الليلة الماضية
لكن، ألا يمكنك تجربة تغيير في الـ padding في ملف CSS الخاص بالجوال للعنصر ul أو li؟ ربما تقليل الـ padding-left إلى نسبة مئوية أو وحدة عرض النافذة (vw) أو حتى ببساطة عدد أقل من البكسلات؟
من المرجح أن يكون هناك شخص هنا قادر على الإجابة على هذا السؤال وهو نائم، وقد يكون ذلك مفيدًا للجميع بشكل عام، وأنت أول من لاحظ ذلك.
أو ربما لا 
شكرًا لك على هذه المقترحة. تقليل خطوات المؤشر من 4 إلى 2 سيساعد إلى حد ما. لكنني أكثر قلقًا بشأن إضافة الحشو المنعكس على جانب اليمين! سيكون من الأفضل إزالة هذا الحشو تمامًا للجوال.
هل يمكنك ربط صفحة تواجه فيها هذه المشكلة أو نسخ المنشور هنا؟ من الصعب تحديد ما يحدث من خلال لقطة الشاشة هذه. في مثالتي، لا يوجد مسافة بادئة على الهامش الأيمن
إليك ذلك المنشور إذا أردت رؤية كيف يبدو لك على الهاتف المحمول
- عنصر قائمة أطول من كلمة أو كلمتين
-
- عنصر قائمة أطول من كلمة أو كلمتين
-
-
- عنصر قائمة أطول من كلمة أو كلمتين
-
-
-
-
- عنصر قائمة أطول من كلمة أو كلمتين
-
-
-
-
-
-
- عنصر قائمة أطول من كلمة أو كلمتين
-
-
-
-
-
-
-
-
- عنصر قائمة أطول من كلمة أو كلمتين
-
-
-
-
شكرًا لك! هذا موقع Discourse جديد نسبيًا. نحن نجرب في الأمل من التخلص من قوائم البريد الخاصة بمشروع ‘Gramps’ مفتوح المصدر لعلم الأنساب. لذا نحن على الجانب الحاد لمنحنى التعلم.
كان لقطة الشاشة من تطبيق أندرويد الإصدار 4. تتكرر نفس المشكلة على متصفح Chrome
إليك رابط المنشور:
https://gramps.discourse.group/t/genealogical-numbering-systems/230/5
يبدو أن مدير موقع الويب لم يقم بعمل جيد، إذ لا يزال هناك مساحة فارغة ضخمة على اليمين. لقد قلل من الحشو الأيسر، لكنه حافظ على الحشو الأيمن كما هو.
حل المستخدم @smrtey هو الحل الصحيح؛ يجب عليك إزالة الحشو الأيمن بالكامل. أفترض أن هذا الحشو الأيمن تم تعيينه للحصول على الحشو الصحيح للغات التي تُكتب من اليمين إلى اليسار، لكنه لا مبرر لوجوده في لغة تُكتب من اليسار إلى اليمين.
شكرًا لك!
قمنا ببعض التجارب وانتهينا بحب وجود هوامش عاكسة يسار ويمين مقدارها 15 بكسل.
عندما حاولنا إظهار التعليق على الهامش الأيمن بالكامل، لم يحدث أي تغيير! (ربما مشكلة في قيمة التدرج.)
إليك رابط لمناقشتنا المحلية مع لقطات شاشة من محاولات مختلفة.
غريب.
هل جربت:
.cooked ul[dir="ltr"] {
padding-right: 0;
padding-left: 15px;
}
إذا لم ينجح الأمر وتم تجاوز ذلك بقواعد أخرى، يمكنك تجربة استخدام محدد أكثر دقة:
.topic-post .cooked ul[dir="ltr"] {
padding-right: 0;
padding-left: 15px;
}
لا، لم نجرب قيمة صفر صريحة. لقد كنتُ دائمًا أرى أن التعامل مع الصفر كحالة خاصة في تمرير المعاملات يحدث بشكل مفرط. وبالتالي، فإن اختياره غالبًا ما يكون غير مناسب للتشخيصات التجريبية.
لذلك، اعتمدنا على 15px… ولم نشعر بأي ضغط إضافي لإجراء تجارب أخرى. لقد حققت هذه القيمة متطلباتنا.
ولكن، نعم، كان الأمر غريبًا أن وضع التعليق لم يحل تلك المشكلة. شكرًا لك!
كان من الممكن أن يعمل إذا قمت بإضافة تعليق على padding-right: 40px; الموجودة مسبقًا، لكن مجرد كتابة //padding-right: 40px; كقاعدة جديدة ليس لها أي تأثير على الإطلاق.
الطريقة الصحيحة هنا لإلغاء قيمة padding-right: 40px; الموجودة هي فعلاً تجاوز هذه القيمة السابقة بقاعدة جديدة بكتابة padding-right: 0; بشكل صريح. 