Conversion Table
| Millimeters | Viewport Minimum |
|---|---|
| 1mm | 0.351vmin |
| 2mm | 0.702vmin |
| 3mm | 1.053vmin |
| 4mm | 1.404vmin |
| 5mm | 1.756vmin |
| 6mm | 2.107vmin |
| 7mm | 2.458vmin |
| 8mm | 2.809vmin |
| 9mm | 3.160vmin |
| 10mm | 3.512vmin |
| 20mm | 7.024vmin |
| 30mm | 10.536vmin |
| 40mm | 14.048vmin |
| 50mm | 17.560vmin |
| 60mm | 21.072vmin |
| 70mm | 24.584vmin |
| 80mm | 28.096vmin |
| 90mm | 31.608vmin |
| 100mm | 35.120vmin |
Differences Between mm and vmin
Millimeters (mm) are a metric unit of length commonly used in physical measurements. Viewport Minimum (vmin) is a relative unit based on 1% of the smaller 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 vmin for web design and other digital applications.
How to Convert mm to vmin
To convert millimeters to vmin, use the following formula:
vmin = mm * (96 / 25.4 / smaller viewport dimension)
For example, to convert 10mm to vmin with a smaller viewport dimension of 1080px:
10mm * (96 / 25.4 / 1080) = 3.512vmin
Frequently Asked Questions
Why should I use mm instead of vmin?
Millimeters provide a physical measurement that is easy to understand and use in real-world applications. vmin 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 vmin units?
It's possible but not recommended. Stick to one unit for consistency in your designs.