Conversion Table
Millimeters | Viewport Maximum |
---|---|
1mm | 0.176vmax |
2mm | 0.351vmax |
3mm | 0.527vmax |
4mm | 0.702vmax |
5mm | 0.878vmax |
6mm | 1.053vmax |
7mm | 1.229vmax |
8mm | 1.404vmax |
9mm | 1.580vmax |
10mm | 1.756vmax |
20mm | 3.512vmax |
30mm | 5.268vmax |
40mm | 7.024vmax |
50mm | 8.780vmax |
60mm | 10.536vmax |
70mm | 12.292vmax |
80mm | 14.048vmax |
90mm | 15.804vmax |
100mm | 17.560vmax |
Differences Between mm and vmax
Millimeters (mm) 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 mm
Using millimeters provides a physical measurement that can be easily converted to digital units like vmax for web design and other digital applications.
How to Convert mm to vmax
To convert millimeters to vmax, use the following formula:
vmax = mm * (96 / 25.4 / larger viewport dimension)
For example, to convert 10mm to vmax with a larger viewport dimension of 1920px:
10mm * (96 / 25.4 / 1920) = 1.756vmax
Frequently Asked Questions
Why should I use mm instead of vmax?
Millimeters 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 mm in CSS?
In CSS, you can set sizes using the mm unit, for example:
width: 10mm;
Can I mix mm and vmax units?
It's possible but not recommended. Stick to one unit for consistency in your designs.