Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/02/2018, 16:58
quad22
 
Fecha de Ingreso: noviembre-2009
Mensajes: 278
Antigüedad: 14 años, 9 meses
Puntos: 2
Responsive teórico - Responsive real.

He diseñado una página en responsive de 1600x1200. La vuelco en un laptop de dicha resolución y los contenedores se salen del marco (*). Reduzco la visualización de la pantalla al 80% y se ve perfecta (1280x960).

Si el resto de diseños responsive me hacen lo mismo (1920x1080, 1080x1920, 1024x768, 768x1024...) tiene que haber un método o código que resuelva este problema (rebajando automáticamente al 80% las pantallas donde falle. No sé si puede ser en lenguaje css porque el html ya tiene <meta name="viewport" content="width=device-width, initial-scale=1.0">).


¿Cual es la solución?

(*) En 640x360 me pasa algo parecido, por lo que me pasará en el resto de resoluciones.

Última edición por quad22; 21/02/2018 a las 17:04