css - 印刷時に Chrome で CSS 要素が機能しない

Question

次の CSS は、印刷時に Chrome を除くすべてのブラウザーで機能します。

.example {
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-align: right
}

ブラウザに表示されるものには興味がなく、印刷されるものだけに興味があります。

これはバグですか？回避策はありますか?

編集: これは、Chrome の組み込み PDF プラグインに問題があるようです。

Answer 1

あなたのcssは次のようなものでhtmlに含まれています：

<link rel="stylesheet" type="text/css" href="theme.css" media="screen" />

media="screen" を削除するか、印刷用に別のものを追加します。

<link rel="stylesheet" type="text/css" href="print.css" media="print"/>

http://www.w3schools.com/tags/att_link_media.asp