26

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?

Improve this question

4 Answers 4

Reset to default
29

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.

css zoom property

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!

Improve this answer
5
  • 1
    I can confirm in August 2016 this method works like a charm! zoom: 85% seems to be perfect for most pages that otherwise overflow in Chrome print preview. Thanks for posting this!
    – Eric Hepperle - CodeSlayer2010
    Aug 31, 2016 at 18:50
  • What is 85%? A magic number?
    – Gherman
    Oct 17, 2017 at 15:19
  • @Gherman it's just a first guess. Read until the end.
    – André Chalella
    Oct 17, 2017 at 15:56
  • Well, I understand but will the same value work for any other machine? What does it depend on?
    – Gherman
    Oct 18, 2017 at 8:06
  • 1
    If you are a Web developer, you can add zoom: 85%; to the HTML element inside a @media print query.
    – posfan12
    May 27, 2018 at 23:38
10

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

Improve this answer
2
  • This is an easier solution
    – Drakes
    Apr 26, 2017 at 18:35
  • Cool! I'm on 58.0.3029.110 (64-bit) and it works out of the box.
    – André Chalella
    Jun 24, 2017 at 3:11
2

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.

Improve this answer
1

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.

This question about to be printed

Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .