Responsive grid not responsive on print devices

[olivierdalang]

Description

When printing a page, the responsive layout doesn't work. The layout is the same as on a small screen, even if the paper size is much bigger.
Changing paper from landscape to portait won't have any effect, while a responsive layout is also a great idea for prints as well.

From what I understood, the problem can be easily fixed by changing @media only screen and (max-width: 992px) { ... } to @media (max-width: 992px) { ... } but I'm pretty sure this was there for a good reason.

Repro Steps

Create a responsive grid. Print it through chrome : it will print with the small-screen layout.

[DanielRuf]

Afaik this is totally normal. Try setting some print stylesheets which set the width of the body to your desired width and possibly more media queries just for print.

Also screen is not print, see

materialize/sass/components/_variables.scss

Lines 203 to 208 in 104da64

	$medium-and-up: "only screen and (min-width : #{$small-screen-up})" !default;
	$large-and-up: "only screen and (min-width : #{$medium-screen-up})" !default;
	$extra-large-and-up: "only screen and (min-width : #{$large-screen-up})" !default;
	$small-and-down: "only screen and (max-width : #{$small-screen})" !default;
	$medium-and-down: "only screen and (max-width : #{$medium-screen})" !default;
	$medium-only: "only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})" !default;