Convert between px, rem, em, vw, and vh for frontend development
Convert CSS units including px, rem, em, vw and vh online. Set the root font size and viewport dimensions for accurate responsive layout calculations.
Instructions
How to use
Set root font, parent font, and viewport sizes first, then type any value in one unit block to get all related conversions.
Unit meanings
px is absolute, rem is relative to root, em is relative to parent, and vw/vh are viewport-based units.
Copy values
Each result card has a copy button. Copied content includes both numeric value and unit.
Practical tips
- Use rem for scalable typography and vw/vh for viewport-based layouts
- Set viewport baselines to match your design draft when testing
- Remember nested em values compound based on parent context