OnePlus, Xiaomi and Motorola viewport sizes
Popular Android phones outside Samsung and Google, with the CSS viewport Chrome gives a web page.
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| OnePlus 13 / 12 | 412×906 | 2.625 | 1440×3168 | 2025 |
| Xiaomi 15 / 14 | 400×890 | 3 | 1200×2670 | 2025 |
| Xiaomi Redmi Note 14 Pro 5G | 407×905 | 3 | 1220×2712 | 2025 |
| Xiaomi Redmi Note 13 / 14 (4G) | 393×873 | 2.75 | 1080×2400 | 2024 |
| Motorola Moto G Power (2025) | 444×980 | 2.4375 | 1080×2388 | 2025 |
| Motorola Moto G (2025) | 412×917 | 1.75 | 720×1604 | 2025 |
| Motorola Moto G Stylus 5G (2024) | 432×960 | 2.5 | 1080×2400 | 2024 |
Try your site on every OnePlus, Xiaomi & Motorola size at once
Paste your address (or localhost:3000). doesitfit shows it on real screen sizes at once and tells you, bluntly, where it spills.
Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.
What to take from this
Narrowest: 393px
The Xiaomi Redmi Note 13 / 14 (4G). If your layout survives this width with 16px of padding on each side (361px of content), it survives the rest.
Widest: 444px
The Motorola Moto G Power (2025). Check that lines of text don’t get uncomfortably long and that nothing looks stretched.
Questions people ask
What are the most common OnePlus, Xiaomi & Motorola viewport widths?
OnePlus, Xiaomi & Motorola viewports here range from 393px (Xiaomi Redmi Note 13 / 14 (4G)) to 444px (Motorola Moto G Power (2025)) wide. The most common width in this list is 412px (2 devices).
Which OnePlus, Xiaomi & Motorola sizes should I test?
Test the narrowest (393px), the most common (412px) and the widest (444px). If those three look right, the sizes in between almost always do too.
Is the viewport the same as the screen resolution?
No. The viewport is measured in CSS pixels, which is the screen resolution divided by the device pixel ratio (and by any display scaling). Media queries use the viewport.
Guides that help
- Responsive breakpoints in 2026 — the widths that matterWhere 123 real phones, tablets, laptops and monitors land in CSS pixels, which responsive breakpoints actually matter in 2026, and which screens to test.Guides · 8 min read
- What is a viewport? CSS pixels vs screen resolutionA viewport is the area your page is laid out in, measured in CSS pixels, not screen pixels. See real numbers from iPhones and MacBooks, then check yours.Guides · 8 min read
- How to fix horizontal scrolling on mobile (12 causes)Page wobbles sideways on phones? The 12 usual causes of horizontal scrolling on mobile, a fix for each, and a console snippet that finds the culprit fast.Fixes · 9 min read