عندما يتعلق الأمر الى اختيار حجم الخط لموقع على شبكة الانترنت ، المغلق يقدم وحدات مختلفة من القياس ، ولكل منها مزاياها وميزاتها. يمنح هذا مطوري الويب القدرة على التحكم بدقة في حجم النص وإنشاء مواقع ويب أكثر مرونة واستجابة.
واحدة من وحدات حجم الخط الأكثر شعبية هو بكسل (بكسل). توفر وحدات البكسل قيما محددة ودقيقة ، مما يجعلها مثالية لإنشاء حجم نص ثابت. ومع ذلك ، تكمن المشكلة في أن وحدات البكسل لا تتكيف مع دقة الشاشة المختلفة ، مما قد يتسبب في أن يكون النص صغيرا جدا أو كبيرا جدا على أجهزة مختلفة.
كبديل للبكسل ، كس كما يقدم وحدات أخرى من القياس مثل النسب المئوية ( ٪ ) ، وحدات مطلقة (مثل نقطة (بت) أو بوصة (في)) والوحدات النسبية (مثل إم أو ريم).
تسمح لك النسب المئوية بتعيين حجم النص بالنسبة إلى الحاوية الأصلية. يتيح لك استخدام النسب المئوية إنشاء تصميم أكثر استجابة يتكيف مع أحجام الشاشة المختلفة.
تم تصميم الوحدات المطلقة مثل النقاط والبوصة لتوفير قيم محددة لحجم الخط ، بغض النظر عن دقة الشاشة. لكنها ليست مرنة بما فيه الكفاية ويمكن أن تخلق مشاكل في القدرة على التكيف.
تسمح لك الوحدات النسبية ، مثل إم و ريم ، بتعيين حجم النص بالنسبة إلى العناصر الأخرى لصفحة الويب. هذا يجعلها مثالية لإنشاء تصميمات سريعة الاستجابة تتسع بسهولة وتتكيف مع الشاشات والأجهزة المختلفة.
- أنواع وحدات القياس
- وحدات القياس النسبية
- وحدات القياس المطلقة
- اختيار وحدة القياس الصحيحة
أنواع وحدات القياس
في كس ، هناك عدة أنواع من وحدات القياس لتحديد حجم الخط:
بكسل (بكسل) هي وحدة القياس الأكثر شعبية ، والتي هي مطلقة وثابتة. تبلغ قيمة 1 بكسل حوالي 1/96 من البوصة وسيكون لها حجم ثابت على جميع الأجهزة.
النسب المئوية ( ٪ ) هي وحدة قياس نسبية تحدد حجم الخط بالنسبة لحجم العنصر الأصل. على سبيل المثال ، إذا قمت بتعيين حجم الخط إلى 150 ٪ ، فهذا يعني أن النص سيكون أكبر بمقدار 1.5 مرة من حجم خط العنصر الأصل.
م هي وحدة قياس نسبية تحدد حجم الخط بالنسبة لحجم الخط الأساسي للعنصر. قيمة 1 إم تساوي حجم الخط الأساسي للعنصر ، وهو 16 بكسل افتراضيا. على سبيل المثال ، تعيين حجم الخط إلى 1.5 م يعني أن النص سيكون 1.5 ضعف حجم الخط الأساسي للعنصر.
الوحدات النسبية مثل ريم ، فولكس فاجن ، ف وغيرها هي وحدات القياس التي تحدد حجم الخط بالنسبة إلى المعلمات الأخرى ، مثل حجم نافذة المتصفح أو عرض العنصر الأصل. إنها تسمح لك بإنشاء تصميمات أكثر استجابة ومرونة.
يعتمد اختيار وحدات القياس على متطلبات التصميم والسياق ، لذلك من المهم اختيارها بحكمة من أجل تحقيق النتيجة المرجوة.
وحدات القياس النسبية
وحدات الخط النسبية في كس تسمح لك لتعيين أحجام النص بالنسبة إلى العناصر الأخرى. إنها توفر طريقة أكثر مرونة لضبط أحجام الخطوط وتكييفها مع الأجهزة المختلفة ودقة الشاشة.
قائمة الوحدات النسبية الأكثر شيوعا للقياس:
- - يتم تعيين أحجام الخطوط نسبة إلى حجم الخط للعنصر الأصل;
- );
- - يتم تعيين أحجام الخطوط كنسبة مئوية من حجم الخط للعنصر الأصل;
- - يتم تعيين أحجام الخطوط كنسبة مئوية من عرض نافذة العرض;
- - يتم تعيين أحجام الخطوط كنسبة مئوية من ارتفاع نافذة العرض;
- - يتم تعيين أحجام الخطوط كنسبة مئوية من الجانب الأصغر من إطار العرض;
- - يتم تعيين أحجام الخطوط كنسبة مئوية من الجانب الأكبر من إطار العرض.
مزايا استخدام وحدات القياس النسبية:
- تصميم صفحة أكثر استجابة ومرونة يجعل من السهل تكييف الخطوط مع أحجام الشاشة المختلفة;
- تحسين إمكانية الوصول ، حيث يمكن للمستخدمين تغيير حجم الخط في إعدادات المتصفح ، وسيتم ضبط الوحدات النسبية تلقائيا على الحجم الجديد;
- سهولة الدعم والصيانة ، لأنه عند تغيير حجم خط واحد ، يتم إعادة حساب الباقي تلقائيا;
- يساعد استخدام وحدات القياس النسبية على تجنب مشاكل قراءة النص على الأجهزة والشاشات المختلفة.
ومع ذلك ، يجب أن نتذكر أن الاختيار الصحيح واستخدام وحدات القياس النسبية يعتمد على تفاصيل المشروع ومتطلباته. قد تكون بعض الوحدات أقل دقة أو لديها دعم محدود للمتصفح. لذلك ، من المهم اختبار النتائج والتحقق منها على أجهزة مختلفة وتحت ظروف مختلفة.
وحدات القياس المطلقة
في كس ، هناك وحدات قياس مطلقة تستخدم لتعيين حجم الخط والعناصر الأخرى على الموقع. لا تعتمد على حجم الشاشة وإعدادات متصفح المستخدم.
بكسل (بكسل)
وحدات البكسل هي وحدة القياس المطلقة الأكثر استخداما. وهو يمثل نقطة المادية على الشاشة ، وكل بكسل يتوافق مع الصمام واحد. يسمح لك استخدام وحدات البكسل بتعيين حجم الخط أو العنصر بدقة على الصفحة.
النقاط (نقطة)
النقطة هي وحدة قياس تستخدم بشكل أساسي في الطباعة. نقطة واحدة تقابل 1/72 من البوصة. في كس ، يمكن أيضا استخدام الفقرات لتعيين حجم الخط.
ملليمتر (مم)
المليمترات هي وحدات قياس مرتبطة ارتباطا مباشرا بالأبعاد المادية على الصفحة المطبوعة ، مثل عرض الحرف وارتفاعه. في كس ، واستخدام ملليمتر يسمح لك لتعيين أبعاد العناصر على أساس الأبعاد المادية.
سم (سم)
السنتيمترات هي وحدات قياس مرتبطة أيضا بالأبعاد المادية على الصفحة المطبوعة. وهي أكبر من المليمترات ويمكن استخدامها لتعيين أحجام الخطوط أو العناصر على الصفحة.
يعتمد اختيار وحدة مطلقة محددة على متطلبات المشروع ونوع المحتوى المستخدم. من المهم معرفة أن وحدات القياس هذه لا تتكيف مع شاشة المستخدم ، لذلك قد تكون هناك مشاكل في إمكانية قراءة النص على الأجهزة ذات الدقة العالية أو المنخفضة.
اختيار وحدة القياس الصحيحة
في كس ، وهناك عدة وحدات القياس لتحديد حجم الخط ، بما في ذلك بكسل (بكسل) ، والنسب المئوية ( ٪ ) ، إم ، ريم ، فضلا عن وحدات النسبية مثل فولكس فاجن (عرض نافذة مرئية) و ف (ارتفاع نافذة مرئية).
بكسل (بكسل): هي وحدة قياس مطلقة وتوفر حجم خط ثابت. تكون وحدات البكسل ملائمة للاستخدام عند الحاجة إلى حجم الخط الدقيق لتحقيق التأثير المرئي المطلوب. ومع ذلك ، ضع في اعتبارك أن استخدام وحدات البكسل يمكن أن يؤدي إلى مشاكل في القياس على أجهزة مختلفة.
الفائدة ( ٪ ): تسمح لك بتحديد حجم الخط بالنسبة لحجم العنصر أو الحاوية الأصلية. على سبيل المثال ، يعني تعيين حجم الخط إلى 50 ٪ أنه سيكون نصف الحجم المحدد في العنصر الأصل. تكون النسب المئوية مفيدة بشكل خاص عندما تحتاج إلى إنشاء تصميم متكيف سيتم عرضه بشكل صحيح على أجهزة مختلفة بدقة شاشة مختلفة.
م: هذه وحدة قياس نسبية تحدد حجم الخط بالنسبة لحجم العنصر الأصلي. على سبيل المثال ، إذا كان حجم العنصر الأصل 16 بكسل ، فستكون قيمة 1 دقيقة 16 بكسل. ميزة إم هو قدرته على وراثة أحجام الخطوط من الأصل ، مما يجعل من الاسهل لتوسيع نطاق وتغيير حجم الخط في جميع أنحاء الموقع.
حركة العين السريعة: على غرار م ويمثل أيضا وحدة قياس نسبية. ومع ذلك ، على عكس إم ، الذي يرث حجم الخط من الأصل ، ريم يعرف ذلك بالنسبة لحجم الخط على مستوى الجذر من الوثيقة (وهذا هو ، على مستوى العنصر). تتمثل إحدى مزايا حركة العين السريعة في أنه عند تغيير حجم الخط على مستوى الجذر ، يتم تطبيقه تلقائيا على المستند بأكمله.
فولكس فاجن و ف: تحدد وحدات القياس هذه حجم الخط بالنسبة لعرض وارتفاع الجزء المرئي من نافذة المتصفح ، على التوالي. على سبيل المثال ، 1 فولت واط يساوي 1 ٪ من عرض نافذة المتصفح. فولكس فاجن و ف هي مناسبة لخلق تصاميم استجابة ويمكن أن تكون مفيدة في عناصر التحجيم ، وخاصة النص ، على الأجهزة النقالة.
يعتمد اختيار وحدة القياس المناسبة على المتطلبات المحددة للمشروع والجمهور المستهدف. يفضل بعض المطورين استخدام وحدات القياس النسبية ، لأنها توفر تصميما أكثر مرونة واستجابة. ومع ذلك ، في بعض الحالات ، قد تكون الوحدات المطلقة مثل وحدات البكسل أكثر ملاءمة ويمكن التنبؤ بها.