Skip to content

Instantly share code, notes, and snippets.

View mfehrenbach's full-sized avatar
✌️

Michael Fehrenbach mfehrenbach

✌️
View GitHub Profile
@mfehrenbach
mfehrenbach / chrome-device-dimensions.md
Last active June 17, 2025 21:52
Modern device dimensions for Chrome DevTools.

Modern Device Dimensions for Chrome DevTools

These are modern “Emulated Devices” (a.k.a. responsive dimensions) for Chrome DevTools’ Mobile Device Viewport Mode.

They are specifically Apple devices, subtracting for recent Safari UI (as in window.innerWidth/Height), and cleverly sorted with some dark-arts unicode shenanigans. (This glitchy, unloved portion of the tools sorts lexicographically, because of course it would.) Ergonomics!

 

Note

Updated June 2025 with some notes from folks below! TL;DR: use Vibranium!