rem به درصد

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

REM
اندازه REM
اندازه پایه

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

C

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

V

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

B

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

R

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

Q

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

W

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

E

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

FAQ

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

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

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

((rem * اندازه rem) / پایه) * 100

واحد rem چیست؟

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

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

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

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

rempercentage
1rem1.6%
2rem3.2%
3rem4.8%
4rem6.4%
5rem8%
6rem9.6%
7rem11.2%
8rem12.8%
9rem14.4%
10rem16%
11rem17.6%
12rem19.2%
13rem20.8%
14rem22.4%
15rem24%
16rem25.6%
17rem27.2%
18rem28.8%
19rem30.4%
20rem32%
21rem33.6%
22rem35.2%
23rem36.8%
24rem38.4%
25rem40%

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

rem به درصد