El viewport del Xiaomi 15 que usa Mobile Preview es de 392 × 852 píxeles CSS en vertical y 852 × 392 en horizontal. La cámara es: cámara perforada.
El tamaño de un vistazo
| Vertical | 392 × 852 px |
|---|---|
| Horizontal | 852 × 392 px |
| Proporción alto / ancho | 2.17 |
| Cámara | cámara perforada |
| Tailwind (vertical) | por debajo de sm (menos de 640 px) |
| Tailwind (horizontal) | md (desde 768 px) |
Son píxeles CSS (de maquetación), los tamaños del marco de Mobile Preview. En un dispositivo real pueden variar un poco según la interfaz del navegador, el zoom de pantalla o la versión del sistema.
Pruébalo en CSS
Es mejor usar breakpoints basados en tu contenido que reglas por dispositivo. Si necesitas reproducir este tamaño exacto, por ejemplo para depurar un diseño, esta media query lo selecciona en vertical:
@media (width: 392px) and (height: 852px) {
/* Xiaomi 15, vertical */
}Los navegadores Android mantienen la barra de estado sobre la página, así que la cámara perforada rara vez oculta contenido en una pestaña normal. Prueba las cabeceras fijas, las capas a pantalla completa y las aplicaciones web instaladas, donde la página puede extenderse bajo la barra de estado.
Previsualizar el Xiaomi 15 en VS Code
El marco Xiaomi 15 forma parte de Mobile Preview Pro (6,99 €, pago único, sin suscripción). La versión gratuita incluye el iPhone 16, el iPhone 17 y el iPhone 17 Pro Max. Instala la extensión, arranca tu servidor de desarrollo, ejecuta «Mobile Preview: Show» y elige Xiaomi 15 en el menú de dispositivos: tu página aparece en el marco junto a tu código y se recarga al guardar.
Anchos similares
- iPhone 11 (414 × 896)
- iPhone 12 Mini (375 × 812)
- iPhone 13 Pro (390 × 844)
- iPhone 14 Pro (393 × 852)
- iPhone 15 (393 × 852)
- iPhone 16 (393 × 852)
Preguntas frecuentes
- ¿Cuál es el tamaño del viewport del Xiaomi 15 en píxeles CSS?
- 392 × 852 en vertical (ancho × alto) y 852 × 392 en horizontal, según usa Mobile Preview. La pantalla física tiene más píxeles; los píxeles CSS son lo que ve tu diseño.
- ¿En qué breakpoint de Tailwind está el Xiaomi 15?
- Con los breakpoints por defecto de Tailwind, el Xiaomi 15 está por debajo de sm (menos de 640 px) en vertical y md (desde 768 px) en horizontal.
- ¿Puedo previsualizar mi sitio en el Xiaomi 15 dentro de VS Code?
- Sí. El marco Xiaomi 15 forma parte de Mobile Preview Pro (6,99 €, pago único). La versión gratuita incluye el iPhone 16, el iPhone 17 y el iPhone 17 Pro Max.
Todos los tamaños de dispositivos · EN · FR · PT · DE