MM  to  EM Converter

Conversion Guide

1. Convert mm to px (multiply by ~3.78). 2. Convert px to em. Example: 4.233mm ≈ 16px = 1em

Conversion Settings
This conversion assumes a screen density of 96 PPI and parent font size of 16px.
MM to EM Conversion Table
MMEMActions
4.2330.9999
8.4661.9998
12.73
16.9333.9999
21.1664.9998
25.46
38.19
50.812

Frequently Asked Questions

Basics

What is MM?

Millimeters (mm) are absolute-length units that correspond to physical millimeters, primarily used in print design.

1cm = 10mm25mm × 10mm
How accurate are mm units on screens?
The accuracy of mm units on screens depends on the device's DPI settings and physical characteristics. They're more reliable in print.
When should I use mm?
Use mm in print stylesheets or when designing for international markets that use the metric system.

What is EM?

The em unit creates sizes that adapt to their parent element's font size - like a family inheritance system for measurements. When you use 1em, you're saying 'make this the same size as my parent's font'. Using 2em means 'make this twice my parent's font size'. This makes em units perfect for creating harmonious, scalable designs.

Understanding the EM Unit in CSSParent Elementfont-size: 16px (browser default)1em= 16px1.5em= 24px(16px × 1.5)0.5em= 8px(16px × 0.5)EM units are relative to the parent element's font size
I set my element to 1.5em but it's bigger than expected. What's happening?
Em units cascade - if your parent element is already 1.2em, then 1.5em will actually be 1.5 times that increased size. This compound effect is both powerful and sometimes tricky to manage.
Should I use em for padding and margins too?
Yes! Using em for padding and margins helps maintain proportional spacing as font sizes change. For example, button padding of 1em will grow naturally with the button's text size.
My nested elements keep getting bigger and bigger with em. Help!
This is the cascading effect of em units. Each nested element multiplies the parent's size. Consider using rem for deeper nested elements or reset sizes at specific levels if this isn't desired.
When should I use em vs rem vs px?
Use em when you want elements to scale with their parent's font size (like component internals), rem when you want scaling based on root font size (like headers), and px for truly fixed sizes (like borders).

Conversion

How to convert MM to EM?

To convert MM to EM, use the following formula:

mm * 3.78 / parent font size