Recommended Free Tools
iTechGuides is reader-supported. When you buy through links on our site, we may earn an affiliate commission. As an Amazon Associate I earn from qualifying purchases. Learn more
If a webpage looks right on screen but its PDF does not, start by checking the print styles and page settings—not by assuming the export tool is broken. Browsers can render a separate print version and paginate it across paper-sized pages. A renderer bug or configuration problem is still possible, so use the steps below to isolate the cause.
Why a PDF can differ from the page on screen
A browser-generated PDF is often a paginated rendering of a web document, not a screenshot of its screen presentation. Print-specific CSS can hide, restyle, or reposition content; the browser then fragments the document into pages. The result can therefore differ in layout, page breaks, margins, or color even when the screen view looks correct.
MDN explains that print media styles apply when a page is printed on paper or as a PDF. They can be supplied by a stylesheet linked with media="print" or by rules inside @media print. Those rules still participate in the normal cascade: specificity and rule order can cause one print declaration to override another. See MDN’s printing guide.
Identify how the PDF is generated
First record the rendering path. A user printing through a browser dialog, a page calling window.print(), and an automated PDF export are not interchangeable cases. Note the browser and version, operating system, automation library and version if applicable, page URL or local content state, and whether automation runs headed or headless.
#1 Best Overall
- BEST FOR SMALL BUSINESSES – Engineered for extraordinary productivity, the Brother DCP-L2640DW Monochrome (Black & White) 3-in-1 combines laser printer, scanner, copier in one compact footprint and delivers high-quality black & white prints
- FAST PRINTER WITH EFFICIENT SCANNING – Produces documents quickly with print speeds up to 36 ppm(2) and scan speeds up to 23.6/7.9 ipm(3) (black/color). A 50-page auto document feeder(4) allows for convenient, time saving multi-page scanning and copying
- FLEXIBLE CONNECTION OPTIONS – Easily navigate the changing demands of your business with secure multi-device connectivity via built-in dual-band wireless (2.4GHz / 5GHz) and Ethernet. Or connect locally to a single computer via USB interface
- BROTHER MOBILE CONNECT APP – Print, scan, and manage your wireless printer anytime, from almost anywhere from your mobile device. Order Brother Genuine Supplies, track toner usage, and complete more work on-the-go(5)
- CHOOSE BROTHER GENUINE TONER – When it’s time to replace your toner, be sure to choose Brother Genuine TN830 or TN830XL replacement toner. And with Refresh EZ Print Subscription Service, you’ll never worry about running out of toner again and you’ll enjoy savings of up to 50%(6) on Brother Genuine Toner. Get started with Refresh today with a Free Trial(1)
For one documented automation case, Puppeteer’s Page.pdf() uses print media by default. Its documentation shows that calling page.emulateMediaType('screen') before generating the PDF requests screen media instead. Do not assume this default applies to other exporters. Check the Puppeteer PDF API documentation for the installed version and its available options.
Inspect the print cascade
- Find print-specific rules. Search linked stylesheets for
media="print"and CSS for@media print. Look for declarations that hide elements, alter widths, change positioning, or override screen styles. - Check which declaration wins. Compare specificity and source order where rules conflict; a print rule may be overridden by a later or more specific declaration.
- Preview the print rendering. Use the browser’s print preview or print-media emulation to see whether the changed layout appears before the PDF is created. This helps separate a media-cascade issue from a later export or save step.
Keep screen and print styles intentional: a navigation bar useful on screen may not belong in a document, while a screen layout built from fixed-width columns may need different rules for paper.
Rank #2
- BEST FOR HOMES & HOME OFFICES – Engineered for consistent, premium print quality, the Brother HL-L2405W Monochrome (Black & White) Laser Printer delivers sharp, crisp prints at an affordable price. Prints one-sided documents at speeds up to 30ppm(2)
- COMPACT, CONNECTED PRINTER – Flexible connection options make this an ideal printer for home use and at-home offices. Securely connect to multiple devices with built-in dual-band wireless (2.4GHz/5GHz) or locally to a single computer via USB interface
- BROTHER MOBILE CONNECT APP – Manage your printer remotely and print from your mobile device anytime, from almost anywhere. Order Brother Genuine Supplies, track toner usage, and complete more work on-the-go(3)
- VERSATILE PAPER HANDLING – Enjoy seamless, reliable everyday printing with the 250-sheet paper tray(4) and a manual feed slot that enables printing on envelopes and specialty pape
- BROTHER IS AT YOUR SIDE – Backed by Brother with a 1-year limited warranty and free online, call, or live chat support for the life of your printer
Set the page size, orientation, and margins
CSS paged media divides content into pages. The @page rule controls page dimensions, orientation, and margins; the print interface can also let a user select paper size, scale, and margins. Check both sides of that setup, because the final printable area depends on the page box and the chosen print settings. MDN describes the @page rule and its support.
Free tools Windows power users keep installed
One-click scans. No signup required.
For a controlled reproduction, make the intended page geometry explicit in CSS where appropriate, then record the paper size, orientation, scale, and margin choices in the print dialog. Avoid comparing two PDFs if those settings differ.
Rank #3
- FAST PRINT SPEEDS: Print up to 19 pages per minute.
- COMPACT DESIGN: Space-saving, compact design fits anywhere in your home, school or small office.
- WIRELESS CONNECTIVITY: Print from almost anywhere in your workspace using your compatible mobile device.
- PAPER CAPACITY: Up to 150 sheets.
- SUSTAINABILITY: Uses less than 2 watts in Energy Saver mode.
Trace cut-off content and unexpected page breaks
Pagination fragments content to fit successive pages. CSS fragmentation rules influence breaks inside and between elements, so inspect break-related declarations when a section starts on an unexpected page or is split awkwardly. The MDN fragmentation guide explains the page-fragmentation model.
- Check page-break and
break-*rules for elements that should start a new page or stay together. - Inspect long content and fixed-height containers that may not adapt to a page-sized layout.
- Look for overflow-constrained regions if content appears clipped rather than continuing onto another page.
These are diagnostic places to look, not a guarantee that any one property caused the defect. Test a small change at a time and regenerate the PDF to see whether the page boundary or clipping changes.
Rank #4
- BEST FOR HOME OFFICES & SMALL TEAMS – Engineered for consistent, premium print quality, the Brother HL-L2460DW Monochrome (Black & White) Laser Printer produces documents that are clear, crisp, and easy to review and share, all at an affordable price
- COMPACT, CONNECTED, EXCEPTIONALLY EFFICIENT– Connect with built-in dual-band wireless (2.4GHz/5GHz), Ethernet, or to a single computer via USB interface. Prints at speeds up to 36ppm(2), plus automatic duplex printing saves time and reduces paper waste
- BROTHER MOBILE CONNECT APP – Manage your wireless printer remotely and print from your mobile device anytime, from almost anywhere. Order Brother Genuine Supplies, track toner usage, and complete more work on-the-go(3)
- VERSATILE PAPER HANDLING – Tackle high-volume black & white printing with the 250-sheet capacity paper tray.(4) The manual feed slot enables printing on envelopes and specialty paper
- BROTHER IS AT YOUR SIDE – Backed by Brother with a 1-year limited warranty and free online, call, or live chat support for the life of your printer
Separate browser headers and footers from document content
Browser print settings can add headers and footers around a printed page when there is room. If a PDF has an unexpected URL, date, title, or extra space at the edge, check the print dialog’s headers-and-footers option and disable it for a comparison. Page margins also affect the available area; Chrome’s guidance discusses print margins and margin boxes.
PC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minuteChrome for Developers’ October 30, 2024 article notes, “From Chrome 131 you can use CSS to add content to the margins of pages when they are printed.” That is a Chrome-version-specific capability, not a promise that other browser engines support the same margin-box behavior.
Best Value
- FROM AMERICA'S MOST TRUSTED PRINTER BRAND – Perfect for small teams printing professional-quality black & white documents and reports. Perfect for 1-3 people
- WORLD'S SMALLEST LASER IN ITS CLASS – Precision laser printing that fits anywhere
- FAST PRINT SPEEDS – Up to 21 black-and-white pages per minute single-sided
- WIRELESS WITH SELF-RESET – Helps you stay connected
- PRINT FROM ANY DEVICE – Wireless printing from any mobile device, PC or tablet. Works with Microsoft, Mac, AirPrint, Android, Chromebook and more
Treat color differences as a separate problem
If sizing and pagination are correct but colors differ, check whether the browser is adjusting colors for print and whether background graphics or colors are included in the print settings. Puppeteer documents that PDF colors are modified for printing by default and points to -webkit-print-color-adjust when exact color reproduction is needed. Consult its PDF documentation for the version in use.
Color adjustment does not explain content being clipped or placed on the wrong page. Diagnose color only when the discrepancy is actually about color.
Reproduce the result in the target browser
Support varies by feature and browser. MDN labels @page Baseline 2024, while noting that some parts vary and older browsers may not support them. Confirm the behavior in the exact browsers and versions you need to support rather than extrapolating Chrome behavior to every engine.
For each reproduction, keep a short record of the browser and version, operating system, paper size, orientation, scale, margins, header/footer setting, background-color setting, and automation options. For Puppeteer, also record its version. This gives you a consistent basis for comparing output and distinguishing a CSS issue from a renderer-specific difference or configuration problem.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
