pstein Posted September 26, 2020 Share Posted September 26, 2020 Lets take an example: https://www.makeuseof.com/tag/how-to-add-cool-effects-videos-android/ When I print this webpage (into a pdf file) then alla rticle pictures are printed in a big, fat dimension. Have a look at the three picture below the section title "1. Glitch Video Effects". They are placed in full format on a full pdf page. I want to get them shrinked down to 20% resp. a maximum width of 200px. Therefore I want to add a new CSS rule. But neither .article-gallery { max-width: 840px !important; } nor img { width: 200px !important; } help. How else can I shrink the pictures for printing? I don't have access to the original web server but want to apply the new CSS rules afterwards by script in browser. Peter Link to comment Share on other sites More sharing options...
dsonesuk Posted September 26, 2020 Share Posted September 26, 2020 Idenitfy what unit the printed page is using ie cm, inch, pt, px then use media query specific to printing to provide css in that unit. It might be a matter of converting px to equivalent pt unit. Link to comment Share on other sites More sharing options...
Sherin Posted November 25, 2020 Share Posted November 25, 2020 You can use @media print and @page for shrink web page pictures when printed For further details you can follow this link https://www.jegsworks.com/lessons/web-2/html/step-mediaprint.htm Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now