مبدل واحدهای CSS

تبدیل بین واحدهای px، rem، em، vw، vh، %، pt و سایر واحدها

تنظیمات پایه

تبدیل واحد

پس از وارد کردن مقدار، فرمول تبدیل نمایش داده می‌شود

راهنمای واحدهای CSS

px (پیکسل)

واحد مطلق، 1px = 1/96 اینچ. پرکاربردترین واحد، اما برای طراحی واکنش‌گرا مناسب نیست.

rem (ریشه em)

نسبت به font-size عنصر ریشه (html) محاسبه می‌شود. برای طراحی واکنش‌گرا توصیه می‌شود.

em

نسبت به font-size عنصر والد محاسبه می‌شود. به‌صورت زنجیره‌ای به ارث می‌رسد، بنابراین باید با دقت استفاده شود.

vw / vh

هرکدام معادل 1٪ از عرض یا ارتفاع viewport هستند. مناسب برای چیدمان تمام‌صفحه و فونت‌های واکنش‌گرا.

vmin / vmax

هرکدام معادل 1٪ از کوچک‌ترین یا بزرگ‌ترین مقدار عرض و ارتفاع viewport هستند. مناسب برای حفظ تناسب عناصر.

% (درصد)

نسبت به ویژگی متناظر عنصر والد محاسبه می‌شود. برای مثال، width: 50% یعنی نصف عرض عنصر والد.