Workflow for HiDPI Devices

Retina devices are now almost the default for Apple computers, tablets, and phones. Also, the word "retina" is actually trademarked by Apple for computer equipment, and is their branded way of describing double(or more)-density screens and devices. I'm going to use the word "retina" loosely to describe any device that has a high-density display, whether its made by Apple or not. Everything on a retina device is sharper and crisper because there are nearly four times the pixels as there are in a CSS device's display; for every "CSS pixel", there are now four "device pixels", allowing higher quality displays. The downside is that the images we've used so far are actually not going to look so good on such a device ...

Get Mastering CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.