Xiaomismartphone2022
Xiaomi 12 2022
Complete CSS viewport dimensions, device pixel ratio, physical screen specs, and downloadable high-resolution transparent mockup.
CSS Viewport
360 × 800px
Physical Resolution
1080 × 2400px
Device Pixel Ratio
@3xDPR
Diagonal Screen
6.7"(16.94 cm)
Aspect Ratio
20:9
Pixel Density
393PPI
Hardware & System Profile
Operating SystemAndroid 16.0
Rotation SupportedYes (Portrait & Landscape)
Network Simulation5G
Screen CurvatureFlat Display
Device User-Agent String
Use this string in Chrome DevTools or curl to simulate this exact device.
Mozilla/5.0 (Linux; Android 16; Xiaomi 12) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.6778.260 Mobile Safari/537.36
CSS Media Query
Target Xiaomi 12 2022 precisely with CSS media rules.
Portrait Mode
@media only screen
and (min-device-width: 360px)
and (max-device-width: 360px)
and (-webkit-min-device-pixel-ratio: 3) {
/* Xiaomi 12 2022 (Portrait) */
}Landscape Mode
@media only screen
and (min-device-width: 800px)
and (max-device-width: 800px)
and (-webkit-min-device-pixel-ratio: 3) {
/* Xiaomi 12 2022 (Landscape) */
}Free Chrome Extension
Test your website on Xiaomi 12 2022 in 1 click
Install the Responsive Viewer extension to simulate Xiaomi 12 2022's 360×800 viewport and DPR directly on any active browser tab.