Problema con web responsive
3 seguidores
Buenas tardes. Estoy haciendo una página web. En la página principal hay un menú que conecta con divs para mostrar el contenido. En uno de esos divs, hay una galería de imágenes. Primero muestra imágenes en miniatura y cuando clicas en una de ellas, muestra un div modal, al que le he puesto unas dimensiones fijas. En el pc de casa se ve muy bien pero, en el móvil, la imagen se ve muy grande. ¿Qué puedo hacer para que se vea bien en cualquier pantalla? Gracias
aoj27
Tu problema es de CSS.
Tienes que configurar cada contenedor (div) o clase/id relacionada en el fichero CSS.
¿Cómo? pues te lo explico rápido.
Imagínate que tienes la clase siguiente:
Si quisieras que el botón negro se viera blanco en un móvil tendrías que hacer lo siguiente
Y si en la tablet quieres que se vea de otro color pues determinas en función del tamaño de tablets.
Si quieres simplificar todo esto en tu programación, existen frameworks de todo tipo, yo te recomiendo bootstrap o uikit que son las más utilizadas y no son difíciles de aprender.
Tienes todo un manual con clases y formas de utilizarlo, lo único que tienes que hacer es cargar los css que traen ellos.
https://getbootstrap.com/
https://getuikit.com/v2/
Saludos!!
robertaragon
Hola!
El diseño respomsive se basa sobre todo en % siempre que puedas utiliza % para definir tamaños, no siempre, habra casos que tengas que utilizar medidas concretas
Otra cosa que puede estarte pasando es que no tengas el meta tag del viewport, esta etiqueta le dice al dispositivo como controlar la escala en diferentes dispositivos
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Seguro que si subes un codepen te podran ayudar mejor
Suerte!