Milligram: Stile werden beim Drucken/emulierten Druckrendering nicht beibehalten

Erstellt am 24. Mai 2018  ·  2Kommentare  ·  Quelle: milligram/milligram

Versions Information

Milligramm: - spätestens über http://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css

Sonstiges (zB normalize.css, node.js, npm, Bower, Browser, Betriebssystem) (falls zutreffend):
normalize.css - zuletzt über http://cdn.rawgit.com/necolas/normalize.css/master/normalize.css
chrome - Version 66.0.3359.181 (Offizieller Build) (64-Bit) (Linux)

Testfall

https://codepen.io/robsdudeson/pen/ZoNgvP

Schritte zum Reproduzieren

Einmal zur Seite navigiert
Wählen Sie Drucken, Druckvorschau oder aktivieren Sie die Druckrender-Emulation

Erwartetes Verhalten

Stile in der Druckansicht würden denen in der Bildschirmansicht besser entsprechen

Tatsächliches Verhalten

Stile werden nicht auf die gleiche Weise angewendet

Normales Rendering

issue-199-no-emulation

Druckwiedergabe

issue-199-print

Hacktoberfest

Hilfreichster Kommentar

Verwenden Sie media="all" wenn Sie CSS verlinken

<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">

Siehe aktualisierten Codepen hier:
https://codepen.io/marcusasplund/pen/bKBmbo

Alle 2 Kommentare

Verwenden Sie media="all" wenn Sie CSS verlinken

<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">

Siehe aktualisierten Codepen hier:
https://codepen.io/marcusasplund/pen/bKBmbo

@marcusasplund danke, dass du @robsdudeson geholfen

@robsdudeson Vorerst schließe ich dieses Thema.
Bitte, wenn Sie Hilfe benötigen, können Sie gerne wieder öffnen oder ein neues eröffnen!

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

piever picture piever  ·  3Kommentare

neronmoon picture neronmoon  ·  4Kommentare

davedele picture davedele  ·  5Kommentare

kresogalic8 picture kresogalic8  ·  5Kommentare

enkota picture enkota  ·  6Kommentare