<?xml version="1.0" encoding="utf-8"?>

CSS inches (in)

CSS inches (in) Bad Practice
CSS inches (in) Best Practice

"In" stands for CSS inches — an absolute unit, where 1in=96px. On high-resolution devices like laser printers today, a CSS inch will be the same size as its physical dimension, and that's when inches and other absolute units are mostly used.

But how often is CSS used for creating printed media? Actually, quite often. A common use case would be when a webpage has a separate style sheet for its version for printing to make sure it's legible, and the layout doesn't change. CSS is also used to format books, catalogs, and brochures — content that may never have been designed to be a web page at all.

Top contributors

Abbygail Banglos

Topics

Share

Improve your UX & Product skills with interactive courses that actually work