Milligram: Estilos não preservados ao imprimir / renderização de impressão emulada
Informação da versão
Miligrama: - mais recente via http://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css
Outros (por exemplo, normalize.css, node.js, npm, bower, navegador, sistema operacional) (se aplicável):
normalize.css - mais recente via http://cdn.rawgit.com/necolas/normalize.css/master/normalize.css
chrome - Versão 66.0.3359.181 (versão oficial) (64 bits) (Linux)
Caso de teste
https://codepen.io/robsdudeson/pen/ZoNgvP
Passos para reproduzir
Depois de navegar para a página
selecione impressão, visualização de impressão ou habilite emulação de renderização de impressão
Comportamento esperado
Os estilos na visualização de impressão seriam mais semelhantes aos da visualização em tela
Comportamento real
Os estilos não são aplicados da mesma maneira
Renderização normal
Renderização de impressão
robsdudeson
Todos 2 comentários
Use media="all" ao vincular 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">
Veja codepen atualizado aqui:
https://codepen.io/marcusasplund/pen/bKBmbo
marcusasplund
em 8 jun. 2018
@marcusasplund obrigado por ajudar @robsdudeson
@robsdudeson Por enquanto, encerrarei esta edição.
Por favor, se precisar de ajuda fique à vontade para reabrir ou abrir um novo!
cjpatoilo
em 20 mai. 2020
Questões relacionadas
luisaceituno
·
6Comentários
equinusocio
·
14Comentários
dnohr
·
7Comentários
westtrade
·
10Comentários
davedele
·
5Comentários
Comentários muito úteis
Use
media="all"ao vincular cssVeja codepen atualizado aqui:
https://codepen.io/marcusasplund/pen/bKBmbo