أشر إلى عرض Viewport (VW) في الوقت الفعلي.

محول الكمبيوتر الشخصي إلى VW هو أداة سهلة الاستخدام وموفرة للوقت عبر الإنترنت، تناسب مطوري الويب ومصممي الواجهات وتجربة المستخدم والمصممين الرقميين الذين يحتاجون إلى تحويل وحدات عرض النقاط (PC) إلى وحدات عرض منفذ العرض (VW). هذا التحويل ضروري عند الانتقال إلى تصميمات ويب متجاوبة وقابلة للتطوير، تتوافق بسلاسة مع جميع أحجام الشاشات، مع إمكانية تغيير أنماط الطباعة غير التقليدية والقياسات الثابتة.

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

فهم الأساسيات

ما هي النقطة (PC)؟

وحدة القياس المستخدمة في الطباعة وتصميم المطبوعات هي النقطة (PC). والوحدة تعادل 1/72 بوصة، وتُستخدم بشكل رئيسي في تحديد حجم الخط، وتباعد الأسطر، وحجم المخطط في تصميم ثابت.

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

ما هو عرض Viewport (VW)؟

VW أو Viewport Width هي وحدة CSS مرنة، تعتمد على حجم Viewport في المتصفح.

تشغل سيارة فولكس فاجن واحدة واحد في المائة من عرض فتحة العرض.

خذ حالة نافذة متصفح بعرض 1000 بكسل، 1 VW يساوي 10 بكسل.

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

تحويل صيغة M من الكمبيوتر الشخصي إلى صيغة VW.

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

VW = (PC × 1.3333) / (عرض المنفذ بالبكسل / 100)

مع ذلك، لا يرغب معظم المصممين في إجبارهم على القيام بذلك يدويًا. وهذا ما يميز هذا المحول من الكمبيوتر إلى فولكس فاجن، إذ يُبسط عملية التحويل ويوفر تحويلات دقيقة وفورية.

تمرين: تمرين تحويل الكمبيوتر الشخصي إلى فولكس فاجن.

افترض أنك تتعامل مع كائن نص بحجم 16 نقطة، وأن عرض منفذ التصميم هو 1440 بكسل.

باستخدام الصيغة:

فولكس فاجن = (16 × 1.3333) / (1440/100) فولكس فاجن = 21.333 / 14.4 = 1.48 فولت وات

وبالتالي، فإن 16 نقطة ستكون تقريبًا 1.48 VW على شاشة بعرض 1440 بكسل.

وهذا يعني أنه في CSS يمكنك تحديد حجم النص الخاص بك على النحو التالي:

• حجم الخط: 1.48vw؛;

سيؤدي هذا تلقائيًا إلى جعل النص يتحرك لأعلى ولأسفل مع عرض المتصفح - وهذه إحدى المزايا الإضافية للتصميم المستجيب.

كيفية استخدام محول الكمبيوتر الشخصي إلى فولكس فاجن.

يتحول الكمبيوتر الشخصي إلى VW بسرعة وسهولة في toolsmate.online. اتبع الخطوات التالية:

الخطوة 1: أدخل القيمة بالنقاط.

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

الخطوة 2: اختر أو حدد عرض المنفذ.

تأكد من أن لديك العرض المفضل (أو الحجم المفضل) في التصميم أو حجم الشاشة التي تستهدفها (أي 1920 بكسل في سطح المكتب أو 375 بكسل في الهاتف المحمول).

الخطوة 3: الحصول على ناتج فولكس فاجن الفوري

سيتم عرض القيمة المكافئة لعرض نافذة العرض (VW) تلقائيًا بواسطة الأداة. وسيظهر التحويل نفسه في الوقت الفعلي.

الخطوة 4: النسخ والاستخدام في الكود الخاص بك

انسخه ولصقه في ملف CSS الخاص بك أو النمط المضمن، على النحو التالي:

• حجم الخط: 1.25vw؛;

هذا كل شيء! تم تحويل النقاط إلى وحدات متجاوبة، ويمكن تطبيقها على تصميم الويب الحالي.

جدول تحويل المثال