From the course: CSS: Print Style Sheets
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Complex media queries for print and page orientation - CSS Tutorial
From the course: CSS: Print Style Sheets
Complex media queries for print and page orientation
- [Narrator] Because we've been putting our print styles inside of a media query, we can test for more than one parameter when setting up our media query. We don't have to just test for print, we could also test for orientation of the screen, we could test for min-width or max-width, we could test for aspect ratios. There's a ton of stuff anything that you test with a media query you can combine here with print. If you want more information about how these more complex media queries work and what kind of parameters are available, be sure to take a look at my other course which is called CSS Advanced Media Queries which is available in the library. I'll talk to you a lot about this. For now what I'm going to do, I'm going to scroll down past all of the styles that I have written so far. To the very bottom of my CSS Document. And I'm just going to set up a little test media query here. So @media print. And because this…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Best practices for styling for print2m 15s
-
(Locked)
Touring your example page5m 37s
-
(Locked)
Hiding irrelevant information for print4m 38s
-
(Locked)
Changing webpage layouts for print2m 36s
-
(Locked)
Overriding styles intended for screen display8m 27s
-
(Locked)
Adding print-only information that is hidden from screens4m 58s
-
(Locked)
Writing URLs after links and social media icons6m 54s
-
(Locked)
Complex media queries for print and page orientation5m 58s
-
(Locked)
Challenge2m 9s
-
(Locked)
Solution3m 43s
-
(Locked)
-
-