Conversion Table
Centimeters | Viewport Maximum |
---|---|
0.1cm | 0.168vmax |
0.5cm | 0.839vmax |
1cm | 1.678vmax |
2cm | 3.356vmax |
3cm | 5.033vmax |
4cm | 6.711vmax |
5cm | 8.389vmax |
6cm | 10.067vmax |
7cm | 11.744vmax |
8cm | 13.422vmax |
9cm | 15.100vmax |
10cm | 16.778vmax |
15cm | 25.167vmax |
20cm | 33.556vmax |
25cm | 41.944vmax |
30cm | 50.333vmax |
35cm | 58.722vmax |
40cm | 67.111vmax |
Differences Between cm and vmax
Centimeters (cm) are a metric unit of length commonly used in physical measurements. Viewport Maximum (vmax) is a relative unit based on 1% of the larger dimension of the viewport in digital displays.
Advantages of Using cm
Using centimeters provides a physical measurement that can be easily converted to digital units like vmax for web design and other digital applications.
How to Convert cm to vmax
To convert centimeters to vmax, use the following formula:
vmax = cm * (96 / 2.54 / larger viewport dimension)
For example, to convert 2cm to vmax with a larger viewport dimension of 1920px:
2cm * (96 / 2.54 / 1920) = 3.356vmax
Frequently Asked Questions
Why should I use cm instead of vmax?
Centimeters provide a physical measurement that is easy to understand and use in real-world applications. vmax units are more suitable for digital displays and web design.
How do I set sizes using cm in CSS?
In CSS, you can set sizes using the cm unit, for example:
width: 10cm;
Can I mix cm and vmax units?
It's possible but not recommended. Stick to one unit for consistency in your designs.