حسنـــــــــــــــــــــــــــــــــــــــــــــــــــــــــک

حسنک - شخصی های حسن قربانی

آموزش: واحد اندازه گیری 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 پشتیبانی میشود

  • حسن قربانی

نظرات  (۱)

عالی بود؛ ممنون

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی