11 dispositivos · Smartphones
Dispositivos Xiaomi: viewport CSS, densidad y resolución de pantalla
Las características de visualización de los 11 dispositivos Xiaomi referenciados, con para cada uno el ancho sobre el cual resuenan tus media queries, su densidad de píxel y la resolución de su pantalla. 7 de estos dispositivos se prueban directamente en tu navegador.
Smartphones Xiaomi
6 anchos CSS distintos cubren toda la gama: 360, 393, 400, 406, 423 y 427 px. Varios modelos comparten el mismo: validar uno de ellos es suficiente para validar los demás.
| Modelo | Viewport CSS | Densidad | Resolución de pantalla | Diagonal | Año |
|---|---|---|---|---|---|
| Xiaomi 17T | 423 × 919 | 3x | 1268 × 2756 | 6,6" | 2026 |
| Xiaomi 17T Pro | 427 × 924 | 3x | 1280 × 2772 | 6,8" | 2026 |
| Xiaomi Redmi Note 17 | 393 × 871 | 2.75x | 1080 × 2396 | 7" | 2026 |
| Xiaomi 17 | 406 × 885 | 3x | 1220 × 2656 | 6,3" | 2025 |
| Xiaomi 17 Ultra | 400 × 869 | 3x | 1200 × 2608 | 6,9" | 2025 |
| Xiaomi 12 | 360 × 800 | 3x | 1080 × 2400 | 6,7" | 2021 |
| Xiaomi Mi 11i | 360 × 800 | 3x | 1080 × 2400 | 6,7" | 2021 |
| Xiaomi Redmi Note 9 Pro | 393 × 873 | 2.75x | 1080 × 2400 | 6,7" | 2020 |
| Xiaomi Redmi Note 7 | 393 × 851 | 2.75x | 1080 × 2340 | 6,3" | 2019 |
| Xiaomi Redmi Note 8 | 393 × 851 | 2.75x | 1080 × 2340 | 6,3" | 2019 |
| Xiaomi Redmi Note 8 Pro | 393 × 851 | 2.75x | 1080 × 2340 | 6,5" | 2019 |
Qué anchos probar en prioridad
Los anchos más representados de la gama son 360, 393, 400 y 406 px. Verificarlos primero cubre 9 de los 11 modelos Xiaomi referenciados, y es sobre ellos que deben caer tus primeros puntos de ruptura.
Descienda hasta 360 px para cubrir toda la gama, incluido Xiaomi 12: un diseño que se ajusta a este ancho se ajusta en todas partes, incluidos los modelos más antiguos aún en circulación.
Atención a la altura: los navegadores móviles reducen el área visible con sus barras de interfaz, y estas se retraen al desplazarse. Una altura en 100vh desborda por lo tanto de la primera pantalla; las unidades svh y dvh son preferibles.
Prueba tu sitio en 7 dispositivos Xiaomi, sin comprar ni uno solo
Las tablas dan las medidas. La extensión muestra tu sitio en el viewport exacto del modelo, con su densidad, su User-Agent y el cambio de retrato a paisaje.
- 7 dispositivos Xiaomi listos para usar, desde modelos antiguos hasta lanzamientos del año
- Capturas y videos exportados en el formato del dispositivo
- Funciona en sus entornos locales y sus preproducciones
Gratis · 4,93/5 sobre 5100 opiniones
1.600.000+ usuarios
Preguntas frecuentes
¿Cuál es el viewport CSS más común en Xiaomi ?
393 x 871 px, compartido por 5 de los 11 modelos referenciados, incluyendo Xiaomi Redmi Note 17 y Xiaomi Redmi Note 9 Pro. Es el ancho a verificar primero en esta gama.
¿Qué ancho mínimo probar para cubrir los dispositivos Xiaomi ?
360 px, el ancho del modelo más estrecho de la lista, Xiaomi 12. Si su diseño se ajusta a 360 px, se ajusta a los 11 dispositivos Xiaomi referenciados, hasta el más ancho que alcanza 427 px.
¿Por qué la resolución anunciada por Xiaomi no corresponde al viewport CSS?
Porque estas pantallas muestran varios píxeles físicos por píxel CSS. Xiaomi 17T tiene una pantalla de 1268 x 2756 píxeles y un viewport CSS de 423 x 919 px, es decir, una densidad de 3. Es el segundo valor que se debe escribir en una media query.
¿Cómo probar su sitio en un dispositivo Xiaomi sin tener uno?
Con la extensión Mobile FIRST: reproduce el viewport, la densidad de píxel, el User-Agent y los eventos táctiles de 7 de estos modelos, directamente en su navegador, incluso en una dirección en localhost.
Las marcas y modelos mencionados pertenecen a sus respectivos propietarios.