vw به درصد

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

عرض viewport
واحد VW
اندازه پایه

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

C

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

V

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

B

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

R

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

Q

روی فیلد "عرض viewport" فوکوس می‌کند.

W

روی فیلد "واحد VW" فوکوس می‌کند.

E

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

FAQ

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

برای تبدیل vw به درصد، باید اندازه کل پایه و عرض viewport را بدانید سپس فرمول را اعمال کنید: ((vw * عرض کل viewport) / 100 / پایه) * 100 به عنوان مثال، با پایه 1000px و عرض viewport 1920px، مقدار 5vw به این صورت تبدیل می‌شود: ((5 * 1920) / 100 / 1000) * 100 = 9.6%

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

((vw * عرض کل viewport) / 100 / پایه) * 100

واحد vw چیست؟ (عرض دیدپورت)

عرض دیدپورت (VW) که در طراحی واکنش‌گرا استفاده می‌شود، واحدی نسبت به ناحیه نمایش صفحه وب به نام دیدپورت است. 1vw معادل 1% از نمایش است. بنابراین، برای اینکه یک عنصر عرض کامل داشته باشد، باید از 100vw استفاده کنید. همچنین می‌توانید از مقادیر اعشاری استفاده کنید. لطفاً توجه داشته باشید که بسته به مرورگر، دقت اعشار می‌تواند تغییر کند.

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

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

جدول تبدیل VW به درصد اگر عرض viewport 1920px و اندازه پایه 1000px باشد

vwpercentage
1vw1.92%
2vw3.84%
3vw5.76%
4vw7.68%
5vw9.6%
6vw11.52%
7vw13.44%
8vw15.36%
9vw17.28%
10vw19.2%
11vw21.12%
12vw23.04%
13vw24.96%
14vw26.88%
15vw28.8%
16vw30.72%
17vw32.64%
18vw34.56%
19vw36.48%
20vw38.4%
21vw40.32%
22vw42.24%
23vw44.16%
24vw46.08%
25vw48%

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

vw به درصد