Xiaomi range resolutions
The CSS viewport is the width your media queries work on. The manufacturer resolution is the number of physical pixels on the panel: it's the value reported by most statistics tools.
| Model | CSS Viewport | Density | Manufacturer resolution | Diagonal | Year |
|---|---|---|---|---|---|
| Xiaomi 12 2022 | 360 x 800 | 3x | 1080 x 2400 | 6.7" | 2022 |
| Xiaomi Mi 11i | 360 x 800 | 3x | 1080 x 2400 | 6.7" | 2021 |
| Xiaomi Redmi Note 9 Pro | 393 x 873 | 2.75x | 1080 x 2400 | 6.7" | 2020 |
| Xiaomi Redmi Note 7 | 393 x 851 | 2.75x | 1080 x 2340 | 6.3" | 2019 |
| Xiaomi Redmi Note 8 | 393 x 851 | 2.75x | 1080 x 2340 | 6.3" | 2019 |
| Xiaomi Redmi Note 8 Pro | 393 x 851 | 2.75x | 1080 x 2340 | 6.5" | 2019 |
Test your site on a Xiaomi device
The Mobile FIRST extension replicates the viewport, User-Agent, and touch events of 2 Xiaomi devices. You check your responsive rendering from your browser, including on a localhost address.
Test your site on Xiaomi 12 2022 directly in your browser, without buying the device.
- Xiaomi 12 2022 available in the device list
- Real viewport, User-Agent, and touch events
- Also works on localhost and in pre-production
- Exportable screenshots and videos
Latest Xiaomi models
Xiaomi 12 2022
Smartphone of 6.7 inches released in 2022, viewport of 360 x 800 px and density of 3x.
View specifications
Xiaomi Mi 11i
Smartphone of 6.7 inches released in 2021, viewport of 360 x 800 px and density of 3x.
View specifications
Xiaomi Redmi Note 9 Pro
Smartphone of 6.7 inches released in 2020, viewport of 393 x 873 px and density of 2.75x.
View specifications
Xiaomi Redmi Note 7
Smartphone of 6.3 inches released in 2019, viewport of 393 x 851 px and density of 2.75x.
View specificationsXiaomi Redmi Note 8
Smartphone of 6.3 inches released in 2019, viewport of 393 x 851 px and density of 2.75x.
View specificationsXiaomi Redmi Note 8 Pro
Smartphone of 6.5 inches released in 2019, viewport of 393 x 851 px and density of 2.75x.
View specifications