Chromebook viewport sizes

Chromebooks scale their displays like Windows laptops do. The common panels and the CSS viewport Chrome ends up with.

3 devices·widths 1366–1536px·updated September 2026

DeviceCSS viewportDPRPhysical pixelsYear
Chromebook 11–14″ HD1366×76811366×768–
Chromebook 13–14″ Full HD1536×8641.251920×1080–
Chromebook Plus 14″ WUXGA1536×9601.251920×12002024

Try your site on every Chromebooks size at once

Paste your address (or localhost:3000). doesitfit shows it on real screen sizes at once and tells you, bluntly, where it spills.

Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.

What to take from this

Narrowest: 1366px

The Chromebook 11–14″ HD. If your layout survives this width with 16px of padding on each side (1334px of content), it survives the rest.

Widest: 1536px

The Chromebook 13–14″ Full HD. Check that lines of text don’t get uncomfortably long and that your sm/md breakpoints kick in when you expect.

Questions people ask

What are the most common Chromebooks viewport widths?

Chromebooks viewports here range from 1366px (Chromebook 11–14″ HD) to 1536px (Chromebook 13–14″ Full HD) wide. The most common width in this list is 1536px (2 devices).

Which Chromebooks sizes should I test?

Test the narrowest (1366px), the most common (1536px) and the widest (1536px). If those three look right, the sizes in between almost always do too.

Is the viewport the same as the screen resolution?

No. The viewport is measured in CSS pixels, which is the screen resolution divided by the device pixel ratio (and by any display scaling). Media queries use the viewport.

Guides that help

Other devices