CSS Responsive Layouts Media Queries Media Query Review

nico dev
nico dev
20,360 Points

when to use (practical, real uses) '@media print' ?

Hi community,

This may sound like a little bit of a follow up to another question made by someone else earlier here, but with further curiosity.

Is the @media print really used? In which cases would you design a site or use CSS media queries to printed media?

May be a little bit of a clumsy question but I can't see a scenario nor did I find one in the explanation of MDN with this respect.

Thanks in advance!

3 Answers

Ken Alger
STAFF
Ken Alger
Treehouse Teacher

Nico;

Great question. I have used @media print for situations in which I have a page that is designed specifically to be printed out. You might come across this on sites that have articles and have a printer icon associated with the article. On occasion clicking on the printer will open a new tab/window/modal that is formatted specifically for print media.

Hope that helps and happy coding.

Ken

nico dev
nico dev
20,360 Points

Thank you Ken Alger!

That makes quite a lot of sense to me now. I do remember now some cases in which I've seen that type of pages.

Thank you for taking the time to answer me.

thank you

Godfrey M
PRO
Godfrey M
Pro Student 2,696 Points

thanks alger that makes sense for sure