How can I make Chrome shrink to fit on printing?
I'd like to print a web document on a single page, but Chrome famously doesn't have this feature normally called fit to page or shrink to fit.
Is there a workaround?
Solution 1:
Yes, there is a workaround. What we'll do is manually zoom the document with CSS until the contents fit appropriately.
Press F12 to launch Chrome DevTools. Make sure it's on the tab Elements and the <body>
element is selected. Now move to the Styles tab (on the right) and, in element.style
, insert the following: (just click after the opening brace {
)
zoom: 85%;
Hint: don't type the colon (:
) else you'll inadvertently launch something else; instead, just hit TAB after typing zoom
.
Now close DevTools (F12 again) and hit Ctrl+P to launch the print dialog. Check to see if the page is fitting well. If it isn't, retry with another zoom value until it's good!
Solution 2:
As of version 56 you now you will have an option for Scale in the print preview. However you may have to enable it (I have version 56.0.2924.87). In the Address bar: chrome://flags/#print-scaling and change it to Enabled. This does not solve the "scale to fit" but does get you one step closer.
See this and more enhancements here: https://productforums.google.com/forum/#!topic/chrome/O7nz6Vb1kBM
Solution 3:
I only have trouble on a few websites, for them I use the extension:
Full page screen capture
(https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl)
It creates a temporary image in a new tab which then scales correctly when you print that.
Solution 4:
Whenever I want to print a whole webpage to a page of paper I do a screenshot of the page and use Windows to print the image.
Currently, I use ShareX to do the screenshot of the whole page. There are also Greenshot, Awesome Screenshot and Fireshot which worked for me.