Milligram: Styles non conservés lors de l'impression/du rendu d'impression émulé
Informations sur les versions
Milligramme : - dernière via http://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css
Autre (par exemple, normalize.css, node.js, npm, bower, navigateur, système d'exploitation) (le cas échéant) :
normalize.css - dernière via http://cdn.rawgit.com/necolas/normalize.css/master/normalize.css
chrome - Version 66.0.3359.181 (version officielle) (64 bits) (Linux)
Cas de test
https://codepen.io/robsdudeson/pen/ZoNgvP
Étapes à reproduire
Une fois navigué sur la page
sélectionnez l'impression, l'aperçu avant impression ou activez l'émulation de rendu d'impression
Comportement attendu
Les styles en vue d'impression correspondraient plus étroitement à ceux en vue d'écran
Comportement réel
Les styles ne sont pas appliqués de la même manière
Rendu normal
Rendu d'impression
robsdudeson
Tous les 2 commentaires
Utilisez media="all" lors de la liaison 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">
Voir codepen mis à jour ici :
https://codepen.io/marcusasplund/pen/bKBmbo
marcusasplund
le 8 juin 2018
@marcusasplund merci d'avoir aidé @robsdudeson
@robsdudeson Pour l'instant, je vais fermer ce problème.
S'il vous plaît, si vous avez besoin d'aide, n'hésitez pas à rouvrir ou à en ouvrir un nouveau!
cjpatoilo
le 20 mai 2020
Questions connexes
davedele
·
5Commentaires
PurpleBabar
·
6Commentaires
westtrade
·
10Commentaires
fooksupachai
·
5Commentaires
roryprimrose
·
7Commentaires
Commentaire le plus utile
Utilisez
media="all"lors de la liaison cssVoir codepen mis à jour ici :
https://codepen.io/marcusasplund/pen/bKBmbo