2

I'm looking to create a print version of pages for a site I'm building and all seemed to be going well until I tested in Chrome. I'm experiencing a maddening issue whereby Chrome is defaulting to certain responsive specific media queries (responsive.css) while ignoring any dimensions set via @media print (print.css). I can't for the life of me figure out a solution to this.

I think this is perhaps related to the Chromium / Bootstrap bug described as Incorrect viewport size used for media queries when printing.. But I've been trying to fix this for so long that I'm now incapable of analyzing it any longer.

A link to the site can be found here. So any suggestions on why this is happening and how to prevent it? A similar issue was reported on SO in July '14 but I've not had any success with the solutions (though I have yet to try the js option and I'm reluctant to do so) and I'm hopin that some fix has arisen since.

Thanks

Community
  • 1
  • 1
Luke
  • 67
  • 7

1 Answers1

1

Late response, but I just ran into this problem and solved it using the method described here. It overrides the grid in a print media query using the make-grid mixin.

benjarwar
  • 1,794
  • 1
  • 13
  • 28