يرجى تجنب استخدام
المصطلحات:
.jpg)
يمكن ضبط منفذ العرض على عرض معين ، على سبيل المثالwidth=device-width, initial-scale=1.
<meta name=viewport content="width=device-width, initial-scale=1">- ) هو محدد بوحدات CSS بكسل. نسبة وحدات البكسل CSS إلى وحدات البكسل غير المرتبطة بالجهاز هي معامل النسبة أو مستوى القياس لصفحة الويب.
- تكييف جهاز CSSاستخدام النمط مع.على الرغم من أن رمز منفذ Yuanvision مدعوم على نطاق واسع ، إلا أنه ليس معيارًا رسميًا بعد. هذه العملية ستكون بمثابة
- يمكن الإشارة إلى أن صفحة الويب تتطابق مع عرض الشاشة (في وحدات البكسل غير المرتبطة بالجهاز). وبهذه الطريقة ، يمكن لصفحات الويب إعادة ترتيب المحتوى لتتناسب مع أحجام الشاشة المختلفة.
width: 100pxاقتراحات.
يجب أن تتكيف صفحات الويب مع عرض مختلف لاستخدام منفذ العرض المستجيب. للحصول على اقتراحات ، انظر لنا ضد
منفذ رؤية استجابة
وحدات البكسل غير المرتبطة بالجهاز (dip): في الأفق العادي ، يتوافق مع الوحدة
نسبة بكسل الجهاز ، هذا بكسل هو تقريبا نفس الحجم على جميع الأجهزة. يبلغ عرض البكسل غير المرتبط بالجهاز لجهاز iPhone 5 320.width=320أوwidth=1024استخدام القيم البصرية
على اليمين: صفحة الويب التي تحدد منفذ العرض الذي يطابق عرض الجهاز.width=device-widthمنفذ عرض ثابت
دليل محتوى شبكة Safariinitial-scale=1، يصبح العرض الجانبي 320 بكسل.
width=device-widthيمكنك تعيين الحد الأدنى والحد الأعلى لمستويات القياس ، أو يمكنك منع المستخدمين تمامًا من تكبير منافذ الفيديو. يمكن أن تؤثر هذه الخيارات سلبًا على إمكانية الوصول ، لذلك يجب عليك تجنب هذه الخيارات بشكل عام.width=device-width, initial-scale=1يتم تضمين جزء من المواصفات في CSS. قبل وضع اللمسات الأخيرة على هذه المواصفات وتنفيذها على نطاق واسع ، يجب على المؤلفين الاستمرار في استخدام رمز منفذ الرؤية ، وبالتالي ضمان التوافق. يمكنك استخدامها بشكل فردي أو مع المقابلةتتحكم منافذ العرض في كيفية عرض صفحات الويب على الأجهزة المحمولة. إذا لم يتم تحديد منفذ الفيديو ، فسيعرض الجهاز المحمول صفحة الويب بعرض شاشة سطح المكتب النموذجية ويضبط صفحة الويب لتناسب حجم الشاشة. من خلال تعيين منفذ فيديو ، يمكنك التحكم في عرض صفحات الويب وقياس حجمها على أجهزة مختلفة.اضبط حجم المحتوى ليتوافق مع إعدادات العرضبكسل الأجهزة: البكسل المادي للشاشة. على سبيل المثال ، يبلغ عدد وحدات بكسل الأجهزة الأفقية لشاشة iPhone 5 640.
تحافظ بعض المتصفحات (بما في ذلك iOS و Windows Phone) على عرض صفحة الويب دون تغيير عند تدويرها إلى وضع أفقي ، وستقوم بتكبير صفحات الويب (بدلاً من إعادة ترتيبها) لملء الشاشة. إضافة خصائصminimum-scale�maximum-scale�user-scalable
يمكن توجيه المتصفح لتعيين نسبة وحدات بكسل CSS إلى وحدات البكسل غير المرتبطة بالجهاز إلى 1:1 (دون مراعاة اتجاه شاشة الجهاز) ، والسماح لصفحات الويب باستخدام العرض الأفقي بالكامل.
صفحة الويب الخاصة بإصدار سطح المكتب على الأجهزة المحمولةمقال واحد.، يصبح العرض الجانبي 568 بكسل.@viewportيتم تشغيل هذه القاعدة عندما يكتشف PageSpeed Insights أن صفحتك لا تحدد منفذ فيديو ، أو أن منفذ الفيديو المحدد غير مناسب لأجهزة مختلفة.
. على الرغم من أننا لا نوصي بذلك ، إلا أنه يضمن بشكل فعال عرض صفحات الويب ذات الحجم الثابت كما هو متوقع.
- الصورة على اليسار: صفحة ويب غير محددة.إذا لم تحدد صفحة الويب منفذ الفيديو ، فسيعرض متصفح الجوال صفحة الويب في عرض احتياطي من 800 إلى 1024 بكسل CSS. يقوم النظام بضبط معامل نسبة صفحة الويب بحيث يتم تنسيق صفحة الويب مع حجم الشاشة ، مما يتطلب من المستخدمين إجراء القياس قبل التفاعل مع صفحة الويب.بكسل CSS: وحدة لتخطيط الصفحة ، يتم التحكم فيها عن طريق منفذ الفيديو. حجم البكسل من النمط (على سبيل المثال
- واحدوضع غريب "فم مزدوج الرؤية": رقمنشرت في A List Apartثانياوثائق على منفذ الفيديو المقدمة.
- نشرت في HTML5 Rocksالجزء و الجزءبكسل CSS: وحدة لتخطيط الصفحة ، يتم التحكم فيها عن طريق منفذ الفيديو. حجم البكسل من النمط (على سبيل المثال
- الجزء.وموزيلاA Pixel Identity Crisis (أزمة الهوية الناجمة عن تعريف البكسل)
- Creating a Mobile-First Responsive Web Design (إنشاء تصميم الويب المتجاوب للجوال)أوبرابكسل CSS: وحدة لتخطيط الصفحة ، يتم التحكم فيها عن طريق منفذ الفيديو. حجم البكسل من النمط (على سبيل المثال
باستثناء ملاحظة أخرى، فإن محتوى هذه الصفحة مرخص به بموجبالسمة المشتركة الإبداعية 3.0 License)، ورخصات الرموز المرخصة بموجب القانون (طراز Apache 2.0 Licenseمن أجل المفصولين، انظرالسياسات الموقعية.
