Printing - Do you have a print.css file so your web pages are nicely printable?

Last updated by Tom Bui [SSW] 5 months ago.See history

As we know portable devices like tablets and mobile phones are being more and more used as reading devices, however printing web pages is still often necessary. In general web designers don't think about printing when putting a website up, meaning we're left with web pages that frustratingly don't properly print on to paper.

A print.css file works in the same way as a regular stylesheet, except it only gets called up when the page is printed, by setting the command media to be "print", as per below:

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

The print.css file should have 100% width and is used to hide elements that you don't want to appear when printing a web page, such as advertising, background, menus, animations etc.

We open source. Powered by GitHub