読者です 読者をやめる 読者になる 読者になる

東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

【css】レスポンシブでの印刷対応

style.cssに以下記述。

@media print {
  section { display: block; page-break-before: always; }
  pre code {page-break-after: always;}
  @page {
margin-top:0.4cm;
margin: 0.5cm;
}
p a, code, pre {
word-wrap: break-word;
}
/* img {display:none;} */
 
pre a[href]:after {
    content: ""; }
 
 
pre abbr[title]:after {
    content: ""; }
 
pre   .ir a:after,
  pre a[href^="javascript:"]:after,
  pre a[href^="#"]:after {
    content: ""; }
 
.no-print {display:none;}

body {
    -webkit-print-color-adjust: exact;
  }

}

最後のbodyタグの記述はchromeで印刷するときのbackground-imageがきくようにするための記述。

IEで印刷をする場合は印刷プレビューのページ設定で「背景の色とイメージを印刷する」にチェック。



【参考URL】

http://coliss.com/articles/build-websites/operation/css/css-style-for-print-media-by-responsivedesignis.html
tkmsaoi.hatenablog.com