Conversion Form

IN
VW

About the Unit

Inch (in): The inch (in) is an absolute unit of measurement representing a physical inch, equal to 2.54 cm. In CSS, using the inch unit is particularly useful when you are creating documents or layouts for print, such as paper templates or physical charts. Using the in unit ensures that the layout will be printed with the exact dimensions specified, regardless of the screen resolution or the device used to view the page. The inch is a standard measure in many printing systems, so it is crucial when you need to create documents that will be printed or exported to other physical formats like PDFs. However, for digital web design, relative units (like px, em, or rem) usually offer greater flexibility, though the in unit may be the best choice for documents that need to be converted to physical formats.

Pro Tip: in → vw

Use in for fixed print sizes and vw for flexible screen layouts.

Quick Reference: Unit Conversion by Tens

INVW
10in50vw
20in100vw
30in150vw
40in200vw
50in250vw
60in300vw
70in350vw
80in400vw
90in450vw
100in500vw
110in550vw
120in600vw
130in650vw
140in700vw
150in750vw
160in800vw
170in850vw
180in900vw
190in950vw
200in1000vw
210in1050vw
220in1100vw
230in1150vw
240in1200vw
250in1250vw

Live Unit Preview

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

10px

10rem

10em

10%

10vw

10vh

Common Mistake

Be cautious when mixing in and vw without testing on different screen sizes.

Real Code Example

/* Mobile-first card with in → vw */
.card {
  padding: 0in;     /* undefinedvw */
  font-size: 1.5rem;
  width: min(90vw, 40ch);
}
Unidade não encontrada.

Keyboard Shortcuts

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

More popular conversions