هل هناك حقًا أي فائدة لاستخدام حجم الخط النسبي في CSS؟

StackOverflow https://stackoverflow.com/questions/293247

  •  08-07-2019
  •  | 
  •  

سؤال

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

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

هل لدى أي شخص أي نصائح؟

هل كانت مفيدة؟

المحلول

ووفقا ل YUI الخط CSS و

<اقتباس فقرة>   

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

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

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

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

نصائح أخرى

كما هو موضح في هذا حجم الخط CSS شرط:

من الناحية المثالية؟أفضل وحدة قياس على الإطلاق هي لا شيء على الإطلاق!اسمح لوكيل المستخدم بتحديد العرض وفقًا لتفضيلات المستخدم - ولكن!ونعلم أيضًا أنه في معظم التصميمات، لا يعد هذا نهجًا عمليًا للغاية.شخصيا؟أفضّل مرونة "mix 'n match" لـ .em و .px - نظرًا لأن وكلاء المستخدم أصبحوا أكثر "سهلة الاستخدام" فإن تغيير حجم المصمم لن يكون مشكلة أو مثيرًا للجدل كما هو الحال الآن.

لا تنس أنه يمكن استخدام حجم الخط النسبي لأشياء أخرى غير...حجم الخط!

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

استخدم "بكسل" للنص الذي يجب أن تطابق الأحجام مع العناصر على صفحة أخرى هي الحجم بالبكسل (أي الصور). بالنسبة لبقية، '٪'. يفترض السؤال أن استخدام أحجام الخطوط النسبية في صعوبة بعض الشيء. لا أعتقد ذلك.

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

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

الصعوبة الحقيقية الوحيدة مع قريبه عندما كنت الحجم كتلة نسبيا، ولكن كنت تريد أن حجم شيء <م> داخل مرة أخرى إلى حجمها الأصلي. يمكنك العمل من نسبة هذا هو معكوس النسبة المئوية للوالدين، ولكن من المرجح أن يكون عدد القبيح، وقد تحصل أخطاء التقريب 1PX إذا كنت لا / لا يمكن القول أنه في الدقة الكاملة. في هذه الحالة في بعض الأحيان قد يكون فكرة جيدة لخطوة الى الوراء وننظر محدد، معرفة ما اذا كنت لا يمكن تطبيق التحجيم أكثر انتقائية لتجنب الاضطرار إلى التراجع عنه.

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

وOS X والتعامل مع ويندوز أحجام الخطوط pt على الأقل بشكل مختلف لذلك هذا هو بالتأكيد كاملة محظورة. من ناحية أخرى، هل هناك أي سبب وجيه <م> لا استخدام أحجام الخطوط النسبية؟ انها ليست حقا كما لو كان هذا النقاش المرجحة مع حجج وجيهة على كلا الجانبين. بدلا من ذلك، على جانب واحد العديد من المزايا (التي قد لا يكون واضحا في كل وقت). ولكن من ناحية أخرى هناك <م> فقط على ما يبدو المزايا التي، عند أدنى بالتدقيق، تثبت قيمة لها. <سوب> 1

والواقع، ولا أستطيع أن أفكر فقط من واحدة حجة لأحجام الخط المطلقة، وهي أنه يجعل من الأسهل لتنفيذ CSS لتصميم النهائي، عن طريق نسخ أحجام الخطوط المستخدمة في تصميم البرمجيات. في الواقع، فإن تصميم ثابت لا تستخدم سوى حفنة من أحجام الخطوط المختلفة التي هي نسب بسيطة من بعضها البعض (ويقول 80٪)، ويمكن بالتالي مسلي يمكن التعبير عنها من حيث em أو %.


<سوب> 1) في قلتم:

<اقتباس فقرة>   

وأو ما إذا كنت تريد أن تكون قادرة على تغيير حجم الخط في مكان ما دون أن يؤثر ذلك العناصر المتداخلة

وماذا بالضبط هل يعني ذلك؟ بيت القصيد من CSS هو أنك (عموما) تغيير سمات عنصر نسبة إلى والديه. لماذا يجب أن يكون هذا من أي وقت مضى مشكلة؟

والنقاش كلها تذكرنا قليلا من المناقشات "لا تستخدم الجداول تخطيط". قد تبدو الحجج العقائدي إلى الهواة <سوب> 2 في لكن هناك ببساطة أي سبب لعدم متابعتها على أي حال. هذا لا يعني أن من الخطأ أن نسأل عن الحجج! ولكن هناك العديد من سو انتهاكات لا طائل من هذه القاعدة.


<سوب> 2) في للسجل، أنا لست تصميم مواقع الإنترنت المهنية. خذ آرائي الفنية هنا فقط مع حبة الملح. ولكن حجة مستقلة حقا من التكنولوجيا المستخدمة.

والتفكير في والديك أو الأجداد تبحث في صفحة الويب الخاصة بك، مع وبدون النظارة (أو trifocals). إذا لم يتمكنوا من قراءتها لأنك جعلت جميع 8px الخطوط، وأنها سوف تذهب على الأرجح في مكان آخر. إذا كانت انقر فوق "حجم النص >> أكبر" ولا شيء يحدث، وأنها سوف تذهب على الأرجح في مكان آخر.

ونظرا إلى أن - على الأقل في الولايات المتحدة الأمريكية - الكثير من مستخدمي شبكة الانترنت وكبار السن مع مرور الوقت، والمال، وعدم البصر، فإن استخدام م عن الخطوط لمواقع الويب العامة يبدو أن تكون ذات فائدة كبيرة؛ -)

والسبب الكبير الوحيد الصحيح هو أن الكثير من الناس لا تزال تستخدم IE6. فقط هذا. ربما يمكن أن يكون أمرا جيدا، في نهاية عام 2008، لإعطاء أي اهتمام أكثر في IE6. ولكن من الصعب تجاهل IE6. أعمل مصمم على شبكة الإنترنت / devolper لشركة كبيرة في إيطاليا، والعديد من المرشدين لنا أو العملاء، في أجهزة الكمبيوتر عملهم، وتصفح الإنترنت مع IE6 الآن.

لماذا؟ لم يكن لديهم حقوق المسؤول ولا يمكن تثبيت anithing في الأجهزة الخاصة بهم، وadmistrators النظام هي دائما مشغول جدا لرفع مستوى أجهزة الكمبيوتر من كل مكتب. قد يكون هذا الشعب سوف الترقية إلى IE7 (شيء مثل فايرفوكس هو حلم) متى تحتاج إلى تغيير الأقراص الثابتة الخاصة بهم.

هل ممكن أن هذا النوع من الأشياء يحدث فقط في إيطاليا. لكنني لن أراهن على ذلك.

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

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top