140 · Diseño y Web

Probador de tamaño de pantalla responsivo

Ingrese una dirección de página y elija un tamaño de dispositivo para ver cómo responde el diseño.

Tus datos: La vista previa se conecta a la dirección que carga. Ese sitio web recibe visita y trata los datos bajo su propia política de privacidad. Detalles de privacidad

Probador de tamaño de pantalla responsivo

Muchos sitios se niegan a aparecer dentro de otras páginas. Funciona mejor con su propio sitio o con un servidor de desarrollo local.

Cómo utilizar el probador de tamaño de pantalla responsivo

  1. Ingrese la dirección de la página a probar.
  2. Elija un dispositivo o escriba un tamaño personalizado.
  3. Cargue la página y gírela para ver el paisaje.

Limitaciones

La página se carga en un marco con el ancho exacto que usted elija, por lo que sus consultas de medios CSS se comportan como en esa pantalla. Muchos sitios, incluidas las grandes plataformas, se niegan a mostrarse dentro de los marcos y verá una página en blanco o de error. Funciona mejor con su propio sitio o con un servidor de desarrollo local. No emula el tacto, el agente de usuario de un teléfono ni la proporción de píxeles del dispositivo; para ello, utilice las herramientas de desarrollo de su navegador.

Ejemplos

390 × 844

Un típico teléfono moderno

1024 × 768

Una tableta en paisaje

Preguntas

¿Por qué está la página en blanco?

El sitio probablemente bloquea la visualización dentro de otras páginas (X-Frame-Options o frame-ancestros). Esa es una configuración de seguridad en ese sitio.

Traducción automática. Revisar resultados importantes.