علت تفاوت مقادیر line-height

سلام.

چرا این دو کد خروجی متفاوتی دارن و وقتیی واحد رو مشخص نمی‌کنیم ارتفاع خط بیشتر می‌شه؟

p{
  line-height: 2;
}

p{
  line-height: 2em;
}

در کد اولی واحدی که برای line-height در نظر گرفته می‌شه چیه؟

ویرایش(پاسخ):

مقدار font-size همیشه دقیقا اون چیزی نیست که توی css تعیین میشه. مثلا ممکنه شما اون رو ۲ پیکسل مشخص کنید ولی کاربر حداقل اندازهٔ قلم رو توی مرورگر ۱۲ پیکسل گذاشته باشه. مرورگر به این متنو با اندازهٔ ۱۲ پیکسل نشون میده.

line-height برای اونی که واحد نداره از اندازهٔ محاسبه شدهٔ و واقعی font-size تعیین میشه

برای اونی که واحد em داره از اندازهٔ فونتی که توی css براش مشخص شده.