Milligram: Estilos no conservados al imprimir / renderizado de impresión emulado
Información de la versión
Milligram: - último a través de http://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css
Otro (por ejemplo, normalize.css, node.js, npm, bower, navegador, sistema operativo) (si corresponde):
normalize.css: último a través de http://cdn.rawgit.com/necolas/normalize.css/master/normalize.css
chrome: versión 66.0.3359.181 (compilación oficial) (64 bits) (Linux)
Caso de prueba
https://codepen.io/robsdudeson/pen/ZoNgvP
pasos para reproducir
Una vez navegado a la página
seleccione impresión, vista previa de impresión o habilite la emulación de renderizado de impresión
Comportamiento esperado
Los estilos en la vista de impresión coincidirían más con los de la vista de pantalla
Comportamiento real
Los estilos no se aplican de la misma manera
Representación normal
Representación de impresión
robsdudeson
Todos 2 comentarios
Use media="all" al 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">
Vea el codepen actualizado aquí:
https://codepen.io/marcusasplund/pen/bKBmbo
marcusasplund
en 8 jun. 2018
@marcusasplund gracias por ayudar a @robsdudeson
@robsdudeson Por ahora,
Por favor, si necesita ayuda, no dude en reabrir o abrir uno nuevo.
cjpatoilo
en 20 may. 2020
Temas relacionados
westtrade
·
10Comentarios
davedele
·
5Comentarios
schirrel
·
3Comentarios
negativefix
·
7Comentarios
enkota
·
6Comentarios
Comentario más útil
Use
media="all"al vincular cssVea el codepen actualizado aquí:
https://codepen.io/marcusasplund/pen/bKBmbo