HOME/ GENERAL/ SCREEN RECORDING AT THE WRONG BROWSER ZOOM LEVEL — WHAT IT BREAKS
GENERAL

Screen Recording at the Wrong Browser Zoom Level — What It Breaks

Screen recording with incorrect browser zoom level settings
Screen recording with incorrect browser zoom level settings

Recording a browser at anything other than 100% zoom creates a specific, predictable problem — the text and UI elements appear smaller than normal to a viewer, layout breaks that only occur at non-standard zoom levels get recorded as if they’re real bugs, and any viewer trying to follow along sees proportions that don’t match what they’ll see on their own screen.

Why 90% zoom looks fine to you and wrong in the recording

Developers and power users often reduce browser zoom to fit more content on screen — on a large monitor, 90% or 85% zoom is genuinely comfortable for daily use. In a screen recording, those proportionally smaller UI elements get captured at that reduced size, then displayed on a viewer’s screen at whatever their display size is. A viewer on a smaller monitor sees already-small UI elements at an even less readable scale than you intended.

Layout bugs that only exist at non-standard zoom

Web layouts that look broken at 90% zoom but fine at 100% produce recordings that mislead — a viewer following along at 100% won’t be able to reproduce what they’re seeing, and assumes the bug is real. Recording at 100% zoom is the standard expected by anyone you’re sharing the recording with, and is the only zoom level that reliably matches what other people actually see.

“A layout that breaks at 90% zoom but works fine at 100% creates a bug report that can’t be reproduced by the people receiving it — recording at 100% is the baseline for anything you’re sharing with someone who needs to understand what they’re looking at.”

The fix: reset zoom before recording, not after

Cmd+0 on Mac and Ctrl+0 on Windows resets browser zoom to 100% in every major browser — making this part of the pre-recording checklist habits costs nothing and prevents a class of recording problem that’s easy to overlook because it’s invisible to the person recording.

Font size scaling is a separate setting from zoom

Some users increase the browser’s minimum font size rather than zoom level — this changes text rendering but not the page’s overall scale, producing different visual effects that can affect recordings differently. Checking both zoom level (displayed in the URL bar or View menu) and font settings specifically, rather than assuming 100% zoom means all rendering is standard, catches both variables.

Frequently asked questions

What browser zoom level should I use when making a screen recording?
100% — this matches what most viewers will see on their own screens and avoids layout differences that only appear at non-standard zoom levels.

How do I reset browser zoom before recording?
Ctrl+0 on Windows/Linux or Cmd+0 on Mac resets to 100% in every major browser — worth adding to your pre-recording checklist.

Related reading: Common screen recording mistakes and how to avoid them · Why browser extensions mess with screen recordings · Full screen vs window vs region capture