على الهاتف المحمول، تم إلغاء تعيين الهوامش التلقائية لغلاف main-outlet هنا:
يؤدي هذا إلى محاذاة التخطيط إلى اليسار عند الإعلان عن -d-max-width في سمة. لا يكون مرئيًا على الأجهزة الأضيق، ولكنه يمثل مشكلة على الأجهزة اللوحية في الوضع الأفقي، على سبيل المثال هنا مع سمة Air:
أرى أن الإعلان قد تمت إضافته بسبب:
بشكل عام، لا أرى المشكلة الآن في قوائم المواضيع، ربما يمكن إسقاط الإعلان؟ أو، إذا كانت هناك بعض الحالات المحددة، فمن الأفضل تعيينها لنقطة توقف؟
أعتقد أنه يمكننا التخلي عن هذه القاعدة، نعم. قد يتسبب ذلك في وجود هوامش كبيرة لبعض السمات (خاصة السمات المخصصة) على الأجهزة المحمولة، ولكن معظم السمات يجب أن تكون بخير.
لاحظ مع ذلك أنك ترى العرض على الأجهزة المحمولة على الجهاز اللوحي، وهو لم يعد الوضع الافتراضي لأجهزة iPad، حيث تعرض أجهزة iPad الوضع الافتراضي لسطح المكتب وبالتالي لا تقوم بتحميل أوراق الأنماط للجوال. هل هذا جهاز لوحي يعمل بنظام Android؟
نعم، إنها جهاز لوحي يعمل بنظام Android.
أنا أميل إلى القول بأن التعيين الافتراضي لوكيل مستخدم للجوال هو الخيار الخاطئ للمتصفح في الوضع الأفقي على الأجهزة اللوحية (حتى في الوضع الرأسي بصراحة). لست متأكدًا مما إذا كان هذا هو Chrome أو متصفح آخر، فإن Chrome في بعض الحالات يعيّن الوضع المكتبي افتراضيًا: Chrome enables desktop mode by default on premium tablets | Blog | Chrome for Developers
يمكنني تكرار هذا على الجهاز اللوحي الذي يعمل بنظام أندرويد، على الرغم من أنه أسوأ على أندرويد بفضل نسبة العرض إلى الارتفاع:
أحد الجوانب التي تعجبني في إعداد الهاتف المحمول هو أن قائمة الشريط الجانبي تنزلق كطبقة علوية وليست مدمجة في الصفحة. يبدو لي أكثر “أصالة” على جهاز محمول.
ماذا عن مجرد إضافة تعريف نقطة توقف؟
@include breakpoint(mobile-extra-large) {
#main-outlet-wrapper {
margin-left: unset;
margin-right: unset;
}
}
لذا، على الأجهزة المحمولة الضيقة، تتم إزالة المساحة الإضافية المحتملة، ولكن الأجهزة الأوسع سيكون لديها الغلاف في المنتصف.
خيار breakpoint(mobile-extra-large) منطقي بالنسبة لي. أتساءل أيضًا عما يعتقده @awesomerobot هنا.
لقد جربت مع عدد قليل من السمات المخصصة للغاية ولا أعتقد أننا بحاجة إليها على الإطلاق بعد الآن… بعد بضعة أشهر من إضافتها، تم تعيين الغلاف على شبكة باستخدام width: 100%;، لذلك من الناحية النظرية يجب أن يمنع ذلك حدوث المشكلة الأصلية على الإطلاق
إزالته هنا
شكرا على التحقيق!