Conversion Form

VW
MM

About the Unit

VW (Viewport Width): VW is a relative unit based on the width of the viewport (the visible area of the page in the browser). 1vw corresponds to 1% of the viewport width. This unit is extremely useful when you want to create designs that automatically adjust to the screen width, especially in responsive layouts. Using vw units allows you to set element widths that adapt fluidly to the screen size without the need for complicated media queries. For example, if you set an element's width to 50vw, it will occupy half of the screen width, regardless of the screen size or device resolution. This flexibility makes VW ideal for layouts that need to be adaptable, such as websites that work well on both mobile devices and desktops.

Pro Tip: vw → mm

Convert vw to mm for physical print measurements.

Quick Reference: Unit Conversion by Tens

VWMM
10vw50.8mm
20vw101.6mm
30vw152.4mm
40vw203.2mm
50vw254mm
60vw304.8mm
70vw355.6mm
80vw406.4mm
90vw457.2mm
100vw508mm
110vw558.8mm
120vw609.6mm
130vw660.4mm
140vw711.2mm
150vw762mm
160vw812.8mm
170vw863.6mm
180vw914.4mm
190vw965.2mm
200vw1016mm
210vw1066.8mm
220vw1117.6mm
230vw1168.4mm
240vw1219.2mm
250vw1270mm

Live Unit Preview

See how different CSS units affect the size of the box below:

10px

10rem

10em

10%

10vw

10vh

Common Mistake

For precise measurements, use mm. For fluid layouts, use vw.

Real Code Example

/* Mobile-first card with vw → mm */
.card {
  padding: 0vw;     /* undefinedmm */
  font-size: 1.5rem;
  width: min(90vw, 40ch);
}

Frequently Asked Questions About VW

When should I use vw instead of vw?

Use vw for elements that scale with screen width.

How many vw is 1vw?

1vw = 1% of the viewport width.

Is vw affected by screen size?

Yes, it changes with browser width.

Is vw good for fonts?

Sometimes, but rem is more consistent.

Keyboard Shortcuts

  • Ctrl + C: Convert
  • Ctrl + I: Invert units
  • Esc: Reset values

More popular conversions