Infinix Hot 70 : viewport CSS de 360 × 788 px, resolución y prueba responsive

¿Por qué probar su sitio en Infinix Hot 70?

Resolución del viewport CSS Infinix Hot 70

Es la resolución que más interesa a los diseñadores y desarrolladores, ya que condiciona los breakpoints y la definición de las media queries. En la práctica, es la única de la que se habla en una hoja de estilo.

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 Infinix Hot 70

El device pixel ratio Infinix Hot 70 es de 2. En otras palabras, un cuadrado de 1 píxel en CSS ocupa 2 píxeles en la pantalla. Una imagen exportada en tamaño real se verá borrosa.

Resolución del fabricante Infinix Hot 70

Esta resolución es la del hardware. Explica la nitidez de la visualización, pero nunca es la que se debe apuntar en una media query.

• 720 píxeles de ancho
• 1576 píxeles de alto
• Relación de pantalla de 19.5:9

User-Agent Infinix Hot 70

Esta cadena es la que envía el navegador Infinix Hot 70. 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; Infinix Hot 70) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.6778.260 Mobile Safari/537.36

Media queries y fragmentos de código para Infinix Hot 70

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

@media only screen and (min-width: 360px) and (max-width: 787px) {
  /* Infinix Hot 70 */
}

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

// tailwind.config.js
module.exports = {
  theme: {
    screens: {
      'infinix-hot-70-2026': '360px'
    }
  }
}

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

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

Simulador Infinix Hot 70 gratuito

Mobile FIRST incluye Infinix Hot 70: su página se muestra en un viewport de 360 x 788 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 Infinix Hot 70 — Seleccione Infinix Hot 70 en la lista de dispositivos. El viewport cambia a 360 x 788 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.

Comparativo con modelos cercanos

Los formatos vecinos Infinix Hot 70 son los que deben probarse justo después, ya que son ellos los que revelan los breakpoints mal colocados.

Preguntas frecuentes sobre Infinix Hot 70

Actualizado el 15 de agosto de 2026