Okuzeka
تطوير البرمجيات · مصطلحات · تطوير الويب وتطبيقات الأجهزة المحمولة والواجهات

ما معنى viewport؟

المعنى في مجال تطوير البرمجيات مع أمثلة

/ˈvjuːpɔːrt/اسممصطلح شائع

viewport: منفذ العرض، مساحة العرض المرئية

الجزء المرئي من صفحة الويب داخل نافذة المتصفح أو شاشة الهاتف، ويتغير حجمه عند تغيير أبعاد النافذة أو تدوير الهاتف.

طريقة الاستخدام

تحتاج الصفحات المتجاوبة إلى وسم meta للعرض (width=device-width, initial-scale=1). وتمثل وحدتا CSS ‏vw وvh نسبتين من عرض منفذ العرض وارتفاعه، وتعني عبارة «فوق الطية» ما يظهر ضمن مساحة العرض الأولى.

أمثلة

  1. Without the viewport meta tag, the phone shows a tiny desktop version of the page.

    من دون وسم meta الخاص بمنفذ العرض، يعرض الهاتف نسخة سطح المكتب مصغّرة جدًا من الصفحة.

    لا يعرف المتصفح عرض الشاشة الحقيقي، فيعاملها كما لو كانت شاشة حاسوب ثم يصغّر الصفحة بأكملها.

  2. The hero image should fill the whole viewport on desktop.

    ينبغي أن تملأ الصورة الرئيسية منفذ العرض كاملًا على الحاسوب.

    المطلوب أن تمتد الصورة لتغطي المساحة المرئية كلها ضمن نافذة المتصفح على سطح المكتب.

تراكيب شائعة

  • viewport meta tag
  • viewport width
  • small viewports
  • fill the viewport

معنى الكلمة في مجالات أخرى

قد يختلف معنى الكلمة الإنجليزية نفسها من مجال إلى آخر:

مصطلحات أخرى: تطوير الويب وتطبيقات الأجهزة المحمولة والواجهات

تدرّب على القراءة المتدرجة

تساعدك القراءة بالمستوى المناسب على تثبيت المفردات الجديدة. اختر كتبًا إنجليزية مجانية: