استفاده ترکیبی از واحد em و درصد

راه حل نهایی که در تمام مرورگرها کار خواهد کرد این است که، یک اندازه پیشفرض به درصد، در تگ <body> تنظیم کنیم:

مثال (استفاده ترکیبی از واحد em و درصد)

body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}
خودتان امتحان کنید »

حالا کدمان عالی کار خواهد کرد! در تمام مرورگرها اندازه متن یکسان خواهد بود و مرورگر اجازه می دهد، اندازه متن را تغییر دهیم.

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

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