ما هي أفضل الممارسات التصميم لتحديد عرض الصفحة لجهاز صفحات الويب المحمولة؟

Question

المتصفحات المختلفة على الهواتف المختلفة لها دقة شاشة مختلفة.

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

Answer 1

IMHO أفضل الممارسات هي الحصول على جنبا إلى جنب دون افتراضات كثيرة جدا حول عرض وحل جهاز العملاء.

معظمها هذه الأجهزة لها متصفحات موجهة نحو عرض / تدفق / تخفيض صفحات الويب. إذا كان ذلك ممكنا، دع المتصفح يقوم بالعمل.

Answer 2

لا توجد طريقة سهلة لضمان دقة بكسل مثالية عبر متصفحات الأجهزة المحمولة (في الواقع، لا توجد طريقة سهلة للقيام بذلك أي متصفح). ومع ذلك، هناك بعض الطرق للمساعدة في هذا النوع من العمل. على سبيل المثال، يدعم Safari المحمول لجهاز iPhone علامة التعريف "Viewport" تتيح لك تحديد سمات مثل العرض. فيما يلي بعض الأمثلة على الاستخدام:

<meta name="viewport" content="width = 750px" />

<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />

أبل لديها بعض المعلومات هنا, ، ستجد الكثير من المعلومات عبر الويب.

Answer 3

g'day،

أعلم أنك سؤال هو اتخاذ قرار بشأن إجراء مجموعة مختارة من حجم الشاشة الأمثل للعمل على جميع الهواتف ولكن هذا النهج قريبا يرتدي رقيقة مع المستخدمين.

موقع الويب الكبير الذي ارتبطته بسلسلة UserAgent وطبيعته على قاسم مشترك، على سبيل المثال أكثر من 300 سلاسل UA المختلفة قيد الاستخدام في المملكة المتحدة لنوع هاتف Sony Ericsson معين بحيث يتم تحويلها إلى نفس السلسلة، و ثم يقوم بإجراء بحث في جدول لتحديد الشاشة العقارية.

يمكن للمبرمجين أيضا الوصول إلى سرعة الاتصال الحالية التي يتم استخراجها بواسطة تطبيق تحديد الموقع الجغرافي بناء على نوع الاتصال ونوع التوجيه، إلخ. في وقت الطلب. أنت لا تريد أن ترسل وسائل إعلام غنية وعالية الدعم لشخص لديه اتصال بطيء.

ثم يستخدم ذلك ل

1. تحديد ما إذا كان يمكن تقديم المحتوى الغني، ثم
2. حدد التنسيق الأمثل للمحتوى.

هذر

في صحتك،

Answer 4

يمكنك دائما استخدام "EMS" بدلا من البكسل ينبغي مقياس بشكل صحيح.

هذا لا يزال موضوعا لحيا لأن العديد من متصفحات الأجهزة المحمولة تفسر أساسا ما لديك اعتمادا على كيفية تفسير ديفس تفسيرها.