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