روش ترجیحی شما برای اندازه قلم ها در CSS چیست؟

  • شروع کننده موضوع ahmad
  • تاریخ شروع

ahmad

Administrator
عضو کادر مدیریت
چیزی که تقریباً همیشه به نظر من رسیده است ، روش اندازه گیری متن شماست ، عمدتا بر روی واحدهایی که استفاده می کنید. مطمئناً می توانید از پیکسل (px) استفاده کنید ، اما EM ، Rem ،٪ ، VS و VH نیز به همراه چند مورد دیگر وجود دارد. بعضی از افراد هنوز استفاده از پیکسل را دوست ندارند ، اما مرورگرها بهبود یافته اند و به طور کلی از آنها بسیار خوب استفاده می شود.

تعیین اندازه قلم در برنامه به شما امکان می دهد اندازه متن خود را بر اساس اندازه تعریف شده در سطح بالاتر تغییر دهید. به عنوان مثال ، اگر ظرفی اندازه قلم 2em را مشخص کرده باشد و شما بر روی عنصری درون آن ظرف اندازه قلم 2em را تعیین کرده باشید ، اندازه آن قلم موثر 4em است! با این حال ، این ممکن است کمی گیج کننده باشد زیرا ممکن است همیشه اندازه مورد انتظار خود را نبینید!


CSS:
.container {
    font-size: 2em;
}

.container > p {
    font-size: 2em; /* this is 2em x 2em = 4em! */
}



واحد rem برای رفع این سردرگمی ایجاد شده است. مقیاس خوبی در مرورگر دارد ، دقیقاً مانند em و px ، اما از اندازه پایه استفاده می کند. از این رو ، تمام مقادیر رم بیشتر محاسبه می شود. به عنوان مثال ، اگر مقدار پایه پایه شما برابر با 16px باشد ، 1rem همیشه برابر با 16px ، 2rem همیشه برابر با 32px و غیره خواهد بود.

توجه: در حالی که من این واحدها را با استفاده از اندازه قلم توضیح داده ام ، اما در هر ابعادی که از px ، em یا rem استفاده می کنید ، همین قوانین اعمال می شود.
 
بالا