تنظیم اندازه متن با واحد Em

برای اجتناب از مشکل تغییر اندازه متن، در نسخه های قدیمی IE، بیشتر توسعه دهندگان وب از em بجای pixcel استفاده می کنند.

واحد اندازه em توسط W3C پیشنهاد شده است.

1em مساوی با اندازه متن جاری است. اندازه پیشفرض در تمام مرورگرها 16px است، بنابراین اندازه پیشفرض 1em مساوی با 16px است.

با استفاده از فرمول روبرو می توان pixel را به em تبدیل کرد.      pixels/16=em

مثال (تنظیم اندازه متن با واحد Em)

h1 {font-size:2.5em;} /* 40px/16=2.5em */
h2 {font-size:1.875em;} /* 30px/16=1.875em */
p {font-size:0.875em;} /* 14px/16=0.875em */
خودتان امتحان کنید »

اندازه متن مثال بالا با مثال قبلی یکسان است، اما این مثال در تمام مرورگرها پشتیبانی می شود.

متأسفانه تنها یک مشکل با نسخه های قدیمی IE وجود دارد. زمانی که اندازه متن بزرگ است، اندازه، بزرگتر از آنچه که باید باشد، نمایش داده می شود، و همین مورد برای متن های کوچک برقرار است.

آموزش های مرتبط

آموزش CSS-استایل دهی فونت