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](https://private-user-images.githubusercontent.com/1929717/292636768-ca455366-6f2c-48b6-849f-e16700a78b11.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk2ODQxNjMsIm5iZiI6MTcxOTY4Mzg2MywicGF0aCI6Ii8xOTI5NzE3LzI5MjYzNjc2OC1jYTQ1NTM2Ni02ZjJjLTQ4YjYtODQ5Zi1lMTY3MDBhNzhiMTEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjlUMTc1NzQzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NjQ0MTQ5OWFlMmQxNDM4NGZkMzNkZjM1ZDhmNmQ0MjE3Nzc0Y2IyZjdmY2ExNGY5MzRkMDQzMzdjYTE3ZGRlNiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.hmCIvw-OT5KVJO5NwFVqY3v-mfJTj2DLC8rBdjd0CGE)
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.