Adaptando o conteúdo somente com media types
No iframe abaixo, temos uma página web desenvolvida com dois estilos diferentes.
No primeiro, temos o estilo referente à visualização numa tela normal. É exatamente esse que você está vendo logo abaixo.
Já o segundo estilo é dedicado à apresentação que a página vai ter ao ser impressa. Para entender melhor a diferença entre os dois estilos, abra a página do iFrame abaixo numa outra aba. Após fazer isso, dê o comando, no seu navegador, para imprimir a página.