OnePlus Nord 2 : viewport CSS de 412 × 915 px, resolución y prueba responsive

¿Por qué probar su sitio en OnePlus Nord 2?

Resolución del viewport CSS OnePlus Nord 2

Es el ancho sobre el cual razona tu CSS. Todos tus breakpoints y todas tus media queries se comparan con este valor, no con el número de píxeles físicos de la pantalla.

La altura sigue siendo indicativa: Safari, Chrome y otros navegadores móviles reducen el área visible con su barra de direcciones, que se repliega al desplazarse.

Atención al analizar tus estadísticas: algunas herramientas solo informan la resolución del fabricante, nunca el viewport CSS presentado aquí.

Densidad de píxel OnePlus Nord 2

El device pixel ratio OnePlus Nord 2 es de 2.625. Por lo tanto, tus imágenes deben exportarse 2.625 veces más grandes que su tamaño de visualización, de lo contrario aparecerán suavizadas en esta pantalla.

Resolución del fabricante OnePlus Nord 2

Se trata del número real de píxeles de la pantalla. Este valor no interviene en tus diseños, pero es el que reportan las fichas técnicas y la mayoría de las herramientas de análisis.

• 1080 píxeles de ancho
• 2400 píxeles de alto
• 408 píxeles por pulgada (ppi)
• 6,4 pulgadas de diagonal, es decir, 16,4 cm
• Relación de pantalla de 20:9

User-Agent OnePlus Nord 2

Esta cadena es la que envía el navegador OnePlus Nord 2. Es útil para sus pruebas automatizadas, la lectura de sus registros del servidor y la detección del lado del servidor.

Mozilla/5.0 (Linux; Android 16; DN2103) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.6778.260 Mobile Safari/537.36

Media queries y fragmentos de código para OnePlus Nord 2

Estos fragmentos se generan a partir de las características exactas OnePlus Nord 2. Cópielos directamente en su hoja de estilo o configuración.

@media only screen and (min-width: 412px) and (max-width: 914px) {
  /* OnePlus Nord 2 */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.625),
       only screen and (min-resolution: 252dpi) {
  /* Imágenes e íconos de alta densidad */
}

// tailwind.config.js
module.exports = {
  theme: {
    screens: {
      'oneplus-nord-2': '412px'
    }
  }
}

const isDeviceWidth = window.matchMedia('(min-width: 412px)').matches;
const isHighDensity = window.devicePixelRatio >= 2.625;

<meta name="viewport" content="width=device-width, initial-scale=1">

Simulador OnePlus Nord 2 gratuito

Mobile FIRST incluye OnePlus Nord 2: su página se muestra en un viewport de 412 x 915 píxeles, con el User-Agent del modelo, los eventos táctiles y el comportamiento de desplazamiento de un móvil real.

Es aquí donde se nota la diferencia con el modo responsive de Chrome DevTools: DevTools redimensiona una ventana, la extensión reproduce el navegador del dispositivo y permite exportar capturas y videos compartibles.

1. 01 Instalar la extensión — Agrega Mobile FIRST a Chrome, Firefox o Edge. La instalación es gratuita y no requiere cuenta.
2. 02 Abrir la página a probar — Ve a la URL a verificar, incluyendo una dirección local del tipo localhost:3000.
3. 03 Elegir OnePlus Nord 2 — Seleccione OnePlus Nord 2 en la lista de dispositivos. El viewport cambia a 412 x 915 píxeles y se aplica el User-Agent móvil.
4. 04 Verificar el renderizado — Desplázate, cambia de orientación, prueba tus formularios, luego captura una imagen o un video para compartirlo.

Modelos que comparten el formato OnePlus Nord 2

Estos 4 dispositivos comparten exactamente el viewport de 412 x 915 píxeles y la densidad de 2.625x OnePlus Nord 2. Su renderizado CSS es, por lo tanto, rigurosamente el mismo: lo que valida en uno es válido en todos los demás.

• Google Pixel 8
• OnePlus 8
• OnePlus Nord
• Samsung Galaxy Note20

Comparativo con modelos cercanos

Los formatos vecinos OnePlus Nord 2 son los que deben probarse justo después, ya que son ellos los que revelan los breakpoints mal colocados.

Mockup OnePlus Nord 2 en formato PNG

Para presentar un mockup o una captura en un marco realista, el mockup transparente OnePlus Nord 2 se puede descargar de forma gratuita.

Preguntas frecuentes sobre OnePlus Nord 2

Actualizado el 15 de agosto de 2026