درصد به rem

مبدلی که rem را از یک درصد برای اندازه rem و اندازه پایه داده‌شده جهت واکنش‌گرا کردن اندازه‌گیری محاسبه می‌کند

درصد (%)
اندازه پایه
اندازه REM

کلیدهای میانبر

C

محاسبه می‌کند و نتیجه محاسبه را کپی می‌کند.

V

نتیجه را محاسبه می‌کند.

B

نتیجه محاسبه را کپی می‌کند.

R

مبدل را به "REM به درصد" معکوس می‌کند.

Q

روی فیلد "درصد (%)" فوکوس می‌کند.

W

روی فیلد "اندازه پایه" فوکوس می‌کند.

E

روی فیلد "اندازه REM" فوکوس می‌کند.

FAQ

چگونه درصد را به REM تبدیل کنیم؟

برای تبدیل درصد به rem، باید اندازه کلی 1 REM (پیش‌فرض 16px) و اندازه پایه را بدانید سپس فقط فرمول را اعمال کنید: ((percent * base) / 100) / rem size برای مثال، با اندازه 1rem برابر 16px و پایه 1000px، 10% به این صورت تبدیل می‌شود: ((10 * 1000) / 100) / 16 = 6.25rem

فرمول تبدیل درصد به REM چیست؟

((percent * base) / 100) / اندازه rem

واحد % چیست؟ (درصد)

درصد عددی یا نسبتی است که به صورت کسری از 100 بیان می‌شود. اغلب با علامت درصد (%) نشان داده می‌شود. درصد عددی بدون بُعد است که عمدتاً برای بیان نسبت‌ها استفاده می‌شود، اما با این حال درصد از نظر املا و کاربرد یک واحد اندازه‌گیری است. در CSS، اغلب برای تعریف اندازه‌ای نسبت به عنصر والد یک عنصر استفاده می‌شود. برای مثال، اگر اندازه عنصر والد 1000 پیکسل باشد، آنگاه 1% برابر با 10 پیکسل خواهد بود، یعنی 1% = 10px.

واحد rem چیست؟

REM نسبت به اندازه فونت عنصر ریشه تعریف می‌شود. عنصر ریشه با شبه‌کلاس :root یا انتخابگر html مطابقت داده می‌شود. بنابراین 1 REM مقداری را می‌گیرد که به font-size عنصر ریشه داده شده است. این یعنی 1 REM در سراسر کد CSS شما همان مقدار را حفظ می‌کند.

جدول تبدیل درصد به REM اگر اندازه پایه 1000px و اندازه rem برابر 16px باشد

percentagerem
1%0.625rem
2%1.25rem
3%1.875rem
4%2.5rem
5%3.125rem
6%3.75rem
7%4.375rem
8%5rem
9%5.625rem
10%6.25rem
11%6.875rem
12%7.5rem
13%8.125rem
14%8.75rem
15%9.375rem
16%10rem
17%10.625rem
18%11.25rem
19%11.875rem
20%12.5rem
21%13.125rem
22%13.75rem
23%14.375rem
24%15rem
25%15.625rem

تبدیل‌های بیشتر درصد و REM

درصد به rem