آموزش: واحد اندازه گیری em و rem

اگر با CSS آشنا باشید. میدونید که واحد های اندازه گیری مختلفی داره که معروف ترینش px هست و همچنین واحد اندازه گیری دیگری هم داریم که بیشتر اوقات برای رسپانسیو کردن فونت ها استفاده می شود به نام em این واحد به صورت والد فرزندی کار میکند...

به عنوان مثال ما اگر اندازه فونت والد را 12px قرار دهیدم و واندازه فونت فرزند ان را 2em نتیجه این میشود که اندازه فونت فرزند برابر با 24px خواهد بود. 

html{
  font-size:16px;
}

.parent{
     font-size:12px;
}

.parent p{
      font-size:2em; /* output : 24px */
}

حالا بریم سراغ rem یا همون root em این واحد هم مانند em است اما با این تفاوت که محاسبات خود را براساس html انجام می دهد. همان مثال قبل اما بجای em از rem استفاده میکنیم.

html{
  font-size:16px;
}

.parent{
     font-size:12px;
}

.parent p{
      font-size:2rem; /* output : 32px */
}

واحد اندازه گیری rem در اکثر مرورگر های بجز IE8 و Operamini پشتیبانی میشود

بسم ا...

سلام

بلاخره تصمیمم رو گرفتم و یه وبلاگ باز کردم.

 اونم فقط برای اینکه حرف هامو بگم، چیزایی که تو دلمه، چیزایی نمیتونم به زبون بیارم 

حالا بیخیال .

پس ...