حجم الخط في CSS - % أو م ؟

Question

عند تحديد حجم الخطوط في CSS, يجب أن يتم استخدام القيمة في المئة (%) أو em?هل يمكنك شرح ميزة ؟

Answer 1

هناك حقا مقالة جيدة على شبكة الإنترنت الطباعة على قائمة على حدة.

الاستنتاج:

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

Answer 2

من http://archivist.incutio.com/viewlist/css-discuss/1408

%:بعض المتصفحات لا تحمل في المئة على حجم الخط ولكن يفسر 150% كما 150px.(بعض NN4 الإصدارات ، على سبيل المثال.) أي أيضا لديه مشاكل مع في المئة على العناصر المتداخلة.ذلك يبدو IE يستخدم في المئة مقارنة العرض بدلا من النسبية العنصر الأصل.مشكلة أخرى ، (على الرغم من الصحيح وفقا W3C المواصفات) ، Moz/Ns6 لا يمكنك استخدام في المئة مقارنة مع أي عناصر تحديد الطول/العرض.

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

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

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

Answer 3

كل من ضبط حجم الخط بالنسبة إلى ما كان عليه.1.5 م هو نفس 150%.الميزة الوحيدة يبدو أن القراءة, اختر أيهما كنت أكثر ارتياحا.

Answer 4

بالنظر إلى أن (تقريبا؟) جميع المتصفحات الآن تغيير حجم الصفحة ككل بدلا من النص السابق مشاكل مع px مقابل % مقابل ems حيث يمكن الوصول إليها الخط تغيير حجم بدلا الصورية.

لذلك ، فإن الجواب هو أنه ربما لا يهم.استخدام كل ما يصلح لك.

% هو لطيف لأنه يسمح النسبية تغيير حجم.

px هو لطيف لأنه من السهل إلى حد ما في إدارة التوقعات عند استخدامه.

em يمكن أن تكون مفيدة عندما تستخدم أيضا عناصر التخطيط كما أنها يمكن أن تسمح النسبي التحجيم ذات حجم النص.

Answer 5

الفرق الحقيقي يأتي من الواضح أنه ليس في حجم الخط.وضع padding من 1em ليس هو نفسه كما 100%. em دائما بالنسبة إلى حجم الخط.ولكن % قد تكون نسبة إلى حجم الخط, العرض, الارتفاع وربما أشياء أخرى لا أدري عنها.

Answer 6

فيما يتعلق بالفرق بين وحدات css % و em.

بقدر ما أفهم (على الأقل نظريا/من الناحية النظرية, ولكن ربما ليس هذه الوحدات يمكن تنفيذها في المتصفحات) هذه وحدتين تعادل ، أيإذا كنت ضرب الخاصة بك em قيمة مع 100 ثم قم باستبدال em مع % يجب أن يكون نفس الشيء ؟

إذا كان هناك فعلا بعض الفرق الحقيقي بين م و % ثم هل يستطيع أحد تفسير ذلك (أو توفير رابط شرح) ?

(كنت أريد أن أضيف هذا التعليق من الألغام حيث تنتمي ، أيبادئة فقط دون إجابة من قبل "Liam, answered Sep 25 '08 at 11:21" منذ أنا أيضا أريد أن أعرف لماذا كان جوابه downvoted ، ولكن لم أتمكن من معرفة كيفية وضع تعليقي هناك وبالتالي كان علي أن أكتب هذا "الموضوع" العالمية الرد)

Answer 7

كما Galwegian يذكر ، px هو الأكثر موثوقية على الطباعة على شبكة الإنترنت, كما كل شيء آخر يمكنك القيام به على الصفحة هو الغالب المنصوص عليها في إشارة إلى جهاز الكمبيوتر.المشكلة مع الأحجام المطلقة هو أن بعض المتصفحات (IE) لن نطاق بكسل قيمة العناصر على صفحة ويب ، لذلك عند محاولة التكبير في/خارج ، كل شيء يضبط باستثناء تلك العناصر.

أنا لا أعرف ما إذا IE8 يعالج هذا صحيح ، ولكن كل متصفح آخر البائعين التعامل مع بكسل على ما يرام وأنه لا يزال أقلية القضية حيث يحتاج المستخدم إلى توسيع/تقليص النص (مربع النص هذا على ذلك ربما الاستثناء).إذا كنت ترغب في الحصول على قذرة حقا, يمكنك دائما إضافة وظيفة جافا سكريبت لجعل النص الخاص بك حجم أكبر و تقدم "الصغيرة"/"أكبر" زر المستخدم.

Answer 8

ياهو مكتبة واجهة المستخدم (http://developer.yahoo.com/yui/) لديه مجموعة لطيفة من قاعدة الطبقات css المستخدمة إلى "إعادة تعيين" المتصفح إعدادات محددة بحيث أساس عرض الموقع هو نفسه بالنسبة لجميع (أيد) المتصفحات.

مع يوي واحدا من المفترض أن تستخدم النسب المئوية.