تبدیل واحد CSS

مقدار px، rem، em، درصد، vw، vh و pt را هم‌زمان و زنده به یکدیگر تبدیل کنید.

مقدار

واحد

اندازه فونت پایه (base font-size)

px16px

rem1rem

em1em

%100%

vw0.833vw

vh1.481vh

pt12pt

تبدیل vw/vh بر اساس اندازه‌ی فعلی پنجره‌ی مرورگر شما محاسبه می‌شود.

ابزار تبدیل واحد CSS مقادیر px، rem، em و درصد را زنده به هم تبدیل می‌کند. کار با واحدهای مختلف طراحی را ساده می‌کند.

یک مقدار را در هر واحدی (px، rem، em، درصد، vw، vh یا pt) وارد کنید تا هم‌زمان و زنده معادل آن در بقیه‌ی واحدها نمایش داده شود.

تبدیل بین واحدها به‌ویژه هنگام کار با طراحی واکنش‌گرا لازم است، جایی که rem و vw انعطاف بیشتری از px می‌دهند.

توسعه‌دهندگان فرانت‌اند روزانه از این ابزار استفاده می‌کنند. برای ساخت مقدار واکنش‌گرا از ساخت CSS Clamp کمک بگیرید.

سوالات متداول

تفاوت px و rem چیست؟

px واحد ثابت است اما rem نسبت به اندازه‌ی فونت پایه‌ی صفحه محاسبه می‌شود و برای طراحی واکنش‌گرا و دسترس‌پذیری بهتر است.

em و rem چه فرقی دارند؟

em نسبت به فونت عنصر والد و rem نسبت به فونت ریشه‌ی صفحه محاسبه می‌شود؛ rem معمولاً قابل‌پیش‌بینی‌تر است.

vw و vh برای چه هستند؟

vw و vh نسبت به عرض و ارتفاع صفحه‌ی نمایش محاسبه می‌شوند و برای اندازه‌های واکنش‌گرا کاربرد دارند.