PX, EM or REM Media Queries? | Responsive Web Design

PX, EM or REM Media Queries?

I’ve been using em based media queries since… well since I worked out that device specific media queries were a waste of time (around 2012). This article shows exactly why that is the case with a series of tests with each breakpoint and updating the users zoom and font-size settings.

em rem pixel media queries

Have you wondered if you should use px, em or rem for media queries? I had the same question too, and I never figured it out, not till now.

When I first created the mappy-breakpoint library over a year ago, I used rem units. Then after a conversation with Sam Richard, I quickly switched toem instead because I found out there isn’t a difference between the two.

An excerpt from PX, EM or REM Media Queries?

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.