مقایسه rem و em در css

Em vs Rem

در این مطلب قصد معرفی ابزاری برای بررسی بهتر واحدهای em و rem را داریم. اگر با این دو واحد آشنا نیستید به این مطلب مراجعه کنید.

در این ابزار دو عنصر وجود دارند که عنصر سمت چپ با واحد em و عنصر سمت راست با واحد rem شکل گرفته شده اند. دو ویژگی font-size و padding برای آزمایش به این دو عنصر تعلق گرفته اند.

این دو عنصر داخل یک نگهدارنده قرار گرفته اند که می توانیم اندازه font-size این نگهدارنده را هم با سه واحد px و rem و em تعیین کنیم. به همین صورت می توانیم اندازه عنصر ریشه, یعنی همان html را نیز مشخص کنیم.

با تغییر هر مقدار برای هر یک از ویژگی ها, در جلوی آن ویژگی نحوه محاسبه آن نیز مشخص می شود.

تصویر متحرک زیر گویای این مطلب می باشد:

 
مقایسه em و rem
 

شما هم می توانید مشارکت کنید.

یک دیدگاه برای “Em vs Rem

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *