印刷時のCSSを設定する方法【GoogleChrome】

COLUMN コラム

印刷時の表示（CSS）を設定するには、下記のセレクタで指定する。

@media print{
  印刷用CSSの定義を指定する
}

デバッグ方法（Google Chrome）

1.ページを右クリックして［検証］（または［F12］キー）で、Developer Toolsを表示する。

2.画面下のタブの左にある［⋮］をクリックして［More tools］から［Rendering］を選び、Renderingタブを表示する。

3.［Rendering］タブに切り替え、下のほうにある［Emulate CSS media type］から「print」を選ぶ。

システムエンジニアをしています。フロントエンドを主に、サーバーサイドも書いたりします。 JS/TS/Python/Javaは少しだけ React/Angular/Next/Nuxt/Vue/Nodeなんかを使ったりします。