Go to Qiita Advent Calendar 2024 Top

1

More than 3 years have passed since last update.

@heppokofrontend(河童エクマ🥒)

ChromeとFirefoxで印刷用CSS（@media print）を確認する方法

Last updated at 2021-03-07Posted at 2021-03-07

最近よく聞かれる気がするので2021年3月時点の情報を明記しておきます👀
Firefoxはなかなかわかりづらい( ˘ω˘ )

Google Chromeの場合

※ macOS Canary 91 で確認

開発者ツール右上の三点リーダメニューを開く
「More tools」を選択
「Rendering」を選択

Emulate CSS media type から「print」を選択

Mozilla Firefoxの場合

※ macOS Firefox 72 で確認

開発者ツールを開きます
スタイルを操作・確認できるペイン右上のボタンを押します

1

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

1