Milligram: 印刷/エミュレートされた印刷レンダリング時にスタイルが保持されない

作成日 2018年05月24日  ·  2コメント  ·  ソース: milligram/milligram

バージョン情報

ミリグラム: -最新のhttp://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css

その他(例:normalize.css、node.js、npm、bower、browser、オペレーティングシステム)(該当する場合):
normalize.css-最新のhttp://cdn.rawgit.com/necolas/normalize.css/master/normalize.css
chrome-バージョン66.0.3359.181(公式ビルド)(64ビット)(Linux)

テストケース

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

再現する手順

ページに移動したら
[印刷]、[印刷プレビュー]を選択するか、印刷レンダリングエミュレーションを有効にします

予想される行動

印刷ビューのスタイルは、画面ビューのスタイルとより厳密に一致します

実際の動作

スタイルは同じように適用されません

通常のレンダリング

issue-199-no-emulation

印刷レンダリング

issue-199-print

Hacktoberfest

最も参考になるコメント

cssをリンクするときにmedia="all"使用する

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

ここで更新されたcodepenを参照してください:
https://codepen.io/marcusasplund/pen/bKBmbo

全てのコメント2件

cssをリンクするときにmedia="all"使用する

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

ここで更新されたcodepenを参照してください:
https://codepen.io/marcusasplund/pen/bKBmbo

@marcusasplund @robsdudesonを助けてくれてありがとう

@robsdudeson今のところ、この問題を閉じます。
サポートが必要な場合は、お気軽に再開または新規オープンしてください。

このページは役に立ちましたか?
0 / 5 - 0 評価

関連する問題

roryprimrose picture roryprimrose  ·  7コメント

swalberg picture swalberg  ·  6コメント

dnohr picture dnohr  ·  7コメント

luisaceituno picture luisaceituno  ·  6コメント

schirrel picture schirrel  ·  3コメント