I’ve used @media print {} in css quite a lot in the past for this. Something I found is that it usually treats the page as a mobile layout so responsive grids don’t often work as expected.
Justin helps dev and product teams navigate the waters of mobile app development and is an expert at integrating them into larger technical, customer, and business ecosystems.
Oh, the chrome print rendering mode is a very good tip!
Do you work with a print designer (or web designer with print experience) to define what's expected?
How well can you test for and implement for portrait/landscape, page size, b&w/color, etc?
Another problem I just remembered was one site had deferred image loading so when I had reopened to print an article, the images below the fold didn't print. I had to scroll down the whole thing first then print to get all the images. Have you dealt with that before?
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
I’ve used
@media print {}in css quite a lot in the past for this. Something I found is that it usually treats the page as a mobile layout so responsive grids don’t often work as expected.One other tip, Chrome offers a print css rendering mode to help you preview your page.
Oh, the chrome print rendering mode is a very good tip!
Do you work with a print designer (or web designer with print experience) to define what's expected?
How well can you test for and implement for portrait/landscape, page size, b&w/color, etc?
Another problem I just remembered was one site had deferred image loading so when I had reopened to print an article, the images below the fold didn't print. I had to scroll down the whole thing first then print to get all the images. Have you dealt with that before?