'Chrome Print stylesheet not working

I have a stylesheet that is working perfectly in IE, removing headers and footers and displaying my content in a more easy-to-print way. however when printing in chrome, it does not work. If i emulate a print media query in the developer tools it does.

I suspect this is because Chrome converts the document into a pdf before printing. Is there any way around this?

  • in my html code, my css files are linked as follows:

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

as i said, this works perfectly in IE when printing, but in chrome when going to print, it doesnt.

htmlcssgoogle-chromeprinting


Solution 1:[1]

Duplicate question, See answer: Chrome: Print preview differs from simulate CSS media print

Particularly transition: none !important;

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Community

Related Questions