Milligram: Styles not preserved when printing/emulated print rendering
Version info
Milligram: - latest via http://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css
Other (e.g. normalize.css, node.js, npm, bower, browser, operating system) (if applicable):
normalize.css - latest via http://cdn.rawgit.com/necolas/normalize.css/master/normalize.css
chrome - Version 66.0.3359.181 (Official Build) (64-bit) (Linux)
Test case
https://codepen.io/robsdudeson/pen/ZoNgvP
Steps to reproduce
Once navigated to the page
select print, print preview, or enable print render emulation
Expected behavior
Styles in print view would more closely match those in screen view
Actual behavior
Styles are not applied in the same way
Normal rendering
Print Rendering
robsdudeson
All 2 comments
Use media="all" when linking css
<link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">
See updated codepen here:
https://codepen.io/marcusasplund/pen/bKBmbo
marcusasplund
on 8 Jun 2018
@marcusasplund thank you for helping @robsdudeson
@robsdudeson For now, I will close this issue.
Please, if you need help feel free to reopen or open a new!
cjpatoilo
on 20 May 2020
Related issues
piever
·
3Comments
faststare
·
4Comments
luisaceituno
·
6Comments
equinusocio
·
14Comments
dnohr
·
7Comments
Most helpful comment
Use
media="all"when linking cssSee updated codepen here:
https://codepen.io/marcusasplund/pen/bKBmbo