Skip to content

Instantly share code, notes, and snippets.

@mfehrenbach

mfehrenbach/chrome-device-dimensions.md

Last active May 1, 2024 20:45
Show Gist options
  • Star 6 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mfehrenbach/aaf646bee2e8880b5142d92e20b633d4 to your computer and use it in GitHub Desktop.
Save mfehrenbach/aaf646bee2e8880b5142d92e20b633d4 to your computer and use it in GitHub Desktop.
Download ZIP
Modern device dimensions for Chrome DevTools.
Raw
chrome-device-dimensions.md

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!

before-after

Nest Hub Max? Come on. I dropped a bunch of devices that were older and/or close to these dimensions. It obviously doesn’t cover everything (sorry Android/Chrome), but offers a decent spread/increments for common 2023/2024 viewports.

There seems to be no easy way to share or sync these, and manually entering them is an error-prone disaster. So instead, this is the relevant portion of the profile’s (JSON…ish?) Preferences file (under ~/Library/Application Support/Google/Chrome/Profile #/) to paste in.

It’s probably easiest to just make one custom device, then search for the customEmulatedDeviceList key. VS Code’s Format Document (⌥ ⇧ F) command makes these intelligible, and Chrome doesn’t seem to mind. Great.

Godspeed. 👇

Raw
devtools.preferences.customEmulatedDeviceList.json
"customEmulatedDeviceList": "[{\"title\":\"​iPhone SE\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.2 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"mobile\",\"touch\"],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":320,\"height\":449},\"horizontal\":{\"width\":449,\"height\":320}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":true}},{\"title\":\"​​Common Android\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (Linux; Android 13) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.5735.130 Mobile Safari/537.36\",\"capabilities\":[\"mobile\",\"touch\"],\"screen\":{\"device-pixel-ratio\":3,\"vertical\":{\"width\":360,\"height\":649},\"horizontal\":{\"width\":649,\"height\":360}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":true}},{\"title\":\"​​​iPhone SE (3rd)\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPhone; CPU iPhone OS 16_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"mobile\",\"touch\"],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":375,\"height\":547},\"horizontal\":{\"width\":547,\"height\":375}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":true}},{\"title\":\"​​​​iPhone 15\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPhone; CPU iPhone OS 16_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"mobile\",\"touch\"],\"screen\":{\"device-pixel-ratio\":3,\"vertical\":{\"width\":390,\"height\":659},\"horizontal\":{\"width\":659,\"height\":390}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":true}},{\"title\":\"​​​​​iPhone 15 Plus\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPhone; CPU iPhone OS 16_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"mobile\",\"touch\"],\"screen\":{\"device-pixel-ratio\":3,\"vertical\":{\"width\":428,\"height\":739},\"horizontal\":{\"width\":739,\"height\":428}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":true}},{\"title\":\"​​​​​​iPhone SE, landscape\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.2 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"mobile\",\"touch\"],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":568,\"height\":270},\"horizontal\":{\"width\":270,\"height\":568}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":true}},{\"title\":\"​​​​​​​Common Android, landscape\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (Linux; Android 13) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.5735.130 Mobile Safari/537.36\",\"capabilities\":[\"mobile\",\"touch\"],\"screen\":{\"device-pixel-ratio\":3,\"vertical\":{\"width\":705,\"height\":280},\"horizontal\":{\"width\":280,\"height\":705}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":true}},{\"title\":\"​​​​​​​​iPhone SE (3rd), landscape\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPhone; CPU iPhone OS 16_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"mobile\",\"touch\"],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":667,\"height\":325},\"horizontal\":{\"width\":325,\"height\":667}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":true}},{\"title\":\"​​​​​​​​​iPhone 15, landscape\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPhone; CPU iPhone OS 16_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"mobile\",\"touch\"],\"screen\":{\"device-pixel-ratio\":3,\"vertical\":{\"width\":750,\"height\":310},\"horizontal\":{\"width\":310,\"height\":750}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":true}},{\"title\":\"​​​​​​​​​​iPhone 15 Plus, landscape\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPhone; CPU iPhone OS 16_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"mobile\",\"touch\"],\"screen\":{\"device-pixel-ratio\":3,\"vertical\":{\"width\":832,\"height\":347},\"horizontal\":{\"width\":347,\"height\":832}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":true}},{\"title\":\"​​​​​​​​​​​iPad Mini (6th)\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPad; CPU OS 16_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"touch\"],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":744,\"height\":1026},\"horizontal\":{\"width\":1026,\"height\":744}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​iPad (10th)\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPad; CPU OS 16_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"touch\"],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":815,\"height\":1073},\"horizontal\":{\"width\":1073,\"height\":815}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​​iPad Pro (12.9\\\")\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPad; CPU OS 16_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"touch\"],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":1024,\"height\":1259},\"horizontal\":{\"width\":1259,\"height\":1024}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​​​iPad Mini (6th), landscape\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPad; CPU OS 16_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"touch\"],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":1133,\"height\":637},\"horizontal\":{\"width\":637,\"height\":1133}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​​​​iPad (10th), landscape\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPad; CPU OS 16_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"touch\"],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":1180,\"height\":713},\"horizontal\":{\"width\":713,\"height\":1180}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​​​​​iPad Pro (12.9\\\"), landscape\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (iPad; CPU OS 16_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Mobile/15E148 Safari/604.1\",\"capabilities\":[\"touch\"],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":1366,\"height\":917},\"horizontal\":{\"width\":917,\"height\":1366}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​​​​​​MacBook Air (13\\\")\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5.1 Safari/605.1.15\",\"capabilities\":[],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":1280,\"height\":715},\"horizontal\":{\"width\":715,\"height\":1280}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​​​​​​​MacBook Air (15\\\")\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5.1 Safari/605.1.15\",\"capabilities\":[],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":1440,\"height\":920},\"horizontal\":{\"width\":920,\"height\":1440}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​​​​​​​​MacBook Pro (14\\\")\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5.1 Safari/605.1.15\",\"capabilities\":[],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":1512,\"height\":865},\"horizontal\":{\"width\":865,\"height\":1512}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​​​​​​​​​​MacBook Pro (16\\\")\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5.1 Safari/605.1.15\",\"capabilities\":[],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":1728,\"height\":1000},\"horizontal\":{\"width\":1000,\"height\":1728}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​​​​​​​​​​​iMac (24\\\")\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5.1 Safari/605.1.15\",\"capabilities\":[],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":2240,\"height\":1156},\"horizontal\":{\"width\":1156,\"height\":2240}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​​​​​​​​​​​​Studio Display\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5.1 Safari/605.1.15\",\"capabilities\":[],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":2560,\"height\":1336},\"horizontal\":{\"width\":1336,\"height\":2560}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​​​​​​​​​​​​​Studio Display, half\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5.1 Safari/605.1.15\",\"capabilities\":[],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":1278,\"height\":1336},\"horizontal\":{\"width\":1336,\"height\":1278}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}},{\"title\":\"​​​​​​​​​​​​​​​​​​​​​​​​​Pro Display XDR\",\"type\":\"unknown\",\"user-agent\":\"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5.1 Safari/605.1.15\",\"capabilities\":[],\"screen\":{\"device-pixel-ratio\":2,\"vertical\":{\"width\":3008,\"height\":1588},\"horizontal\":{\"width\":1588,\"height\":3008}},\"modes\":[{\"title\":\"\",\"orientation\":\"vertical\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}},{\"title\":\"\",\"orientation\":\"horizontal\",\"insets\":{\"left\":0,\"top\":0,\"right\":0,\"bottom\":0}}],\"show-by-default\":true,\"dual-screen\":false,\"show\":\"Default\",\"user-agent-metadata\":{\"brands\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersionList\":[{\"brand\":\"\",\"version\":\"\"}],\"fullVersion\":\"\",\"platform\":\"\",\"platformVersion\":\"\",\"architecture\":\"\",\"model\":\"\",\"mobile\":false}}]",
Raw
viewport-sizes-table.md

And the dimensions, for posterity:

Device W (logical) H (logical) W (inner) H (inner) Notes
iPhone SE 320 568 320 449 iOS 15.5. The last great iPhone chassis.
Common Android 360 780 360 649 Galaxy S23 on Android 13 seemed indicative.
iPhone SE (3rd) 375 667 375 547 iOS 17.2. Only remaining/current home-buttoned iPhone.
iPhone 15 390 844 393 659 iPhones Pro are the same this year.
iPhone 15 Plus 428 926 430 739 These have the default bottom “Tab Bar” setting. Close enough to the 414px of the X/11 era.
iPhone SE, landscape 568 320 568 270 Tab bar is always at the top in landscape.
Common Android, landscape 780 360 705 280
iPhone SE (3rd), landscape 667 375 667 325 With the “Landscape Tab Bar” on—I think the default?
iPhone 15, landscape 844 390 743 310 Multiple tabs visible. These are inside the left/right safe areas.
iPhone 15 Plus, landscape 926 428 814 347
iPad Mini (6th) 744 1133 744 1026 Default “Separate Tab Bar” option, multiple tabs visible.
iPad (10th) 820 1180 820 1073 Same dimensions for the recent iPads Air. Close to 11" Pro.
iPad Pro (12.9") 1024 1366 1024 1259
iPad Mini (6th), landscape 1133 744 1133 637
iPad (10th), landscape 1180 820 1180 713
iPad Pro (12.9"), landscape 1366 1024 1366 917 Very square.
MacBook Air (13") 1280 832 1280 715 I think these still come scaled by default, but these are non-scaled. Maximized inside The Notch (37px, what?) and Safari (80px) toolbar, multiple tabs visible.
MacBook Air (15") 1440 932 1440 815
MacBook Pro (14") 1512 982 1512 865 Smaller, but more pixels.
MacBook Pro (16") 1728 1117 1728 1000 Under the Menu Bar (24px) and Safari (80px).
iMac (24") 2240 1260 2240 1156
Studio Display 2560 1440 2560 1336
Studio Display, half 2560 1440 1278 1336 With the built-in MacOS tiling.
Pro Display XDR 3008 1692 3008 1588 A designer can dream!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment