The "resolution" media query is a misnomer IMHO


Traditionally "resolution" has referred to the size of a display in pixels.

For example WQHD is used to refer to a screen that its resolution is
2560x1440 (see here:, no
matter if it is 24", 27", or 31".

In other words, traditionally, resolution did not take into account pixel
density of a screen.

However in CSS media queries, "resolution" is actually referring to the
pixel density of the device, no matter what its resolution is.

So, "resolution" in this context, looks like a misnomer and I believe it
should be deprecated in favor of a better name (e.g. "pixel-density").

What do you think?

Best regards,
Behrang Saeedzadeh

Received on Wednesday, 5 February 2014 02:12:28 UTC