Conversion Form

CH
VW

About the Unit

CH: The ch unit is a relative typographic unit based on the width of the '0' character of the current font. This unit is especially useful when you want the width of an element to be proportional to the text content, particularly for input fields or text areas. Using ch ensures that the element size adjusts based on the average character width of the current font, providing precise control over text layout. For example, if you set the width of a text input field to 10ch, it will be wide enough to accommodate 10 '0' characters of the font, making it useful for password fields or numeric inputs. The ch unit is less commonly used than other relative units like em or rem, but it is an excellent choice when precise width based on textual content is needed.

Pro Tip: ch → vw

Use ch for font-based widths and vw for responsive layout scaling.

Quick Reference: Unit Conversion by Tens

CHVW
10ch4.166667vw
20ch8.333333vw
30ch12.5vw
40ch16.666667vw
50ch20.833333vw
60ch25vw
70ch29.166667vw
80ch33.333333vw
90ch37.5vw
100ch41.666667vw
110ch45.833333vw
120ch50vw
130ch54.166667vw
140ch58.333333vw
150ch62.5vw
160ch66.666667vw
170ch70.833333vw
180ch75vw
190ch79.166667vw
200ch83.333333vw
210ch87.5vw
220ch91.666667vw
230ch95.833333vw
240ch100vw
250ch104.166667vw

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 ch and vw without testing on different screen sizes.

Real Code Example

/* Mobile-first card with ch → vw */
.card {
  padding: 0ch;     /* 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