Folhas de estilo de impressão instantâneas e responsivas

Em vez de escrever suas consultas de mídia como esta:

@media only screen and (min-width: 40em) {}

simplesmente remova o only screen and:

@media (min-width: 40em) {}

ou altere-o para allse ainda quiser colocá-los em quarentena:

@media only all and (min-width: 40em) {}

Seus estilos responsivos agora irão fluir para as páginas impressas também. Um usuário pode até mesmo alterar o tamanho e a orientação do papel e tudo “simplesmente funcionará” *

Obviamente, você ainda deseja ocultar elementos irrelevantes