Avisos
Vaciar todo

Ajustar tamaño de imagen solamente en móviles

4 Respuestas
2 Usuarios
0 Reactions
197 Visitas
Respuestas: 63
Trusted Member
Topic starter
 

Buenos días,

Necesito ajustar el tamaño de la imagen de las "marcas" de la cabecera de la página principal, para que pueda verse todo el ancho de la pantalla, el problema es que ahora mismo tiene la medida que queremos para ordenadores.

Hemos visto que la orden sería esta:

width:100%;
height:auto;

Pero con ello ajustamos al ancho de todas las pantallas y lo que queremos es que esa orden se aplique solo cuando se visualice en móviles. ¿Qué orden sería entonces?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 15/02/2019 11:29 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Jorge.

Prueba añadiendo lo siguiente a tu archivo de estilos style.css

@media only screen and (max-width: 600px) {
div#canvas {
    width: 100%!important;
    height: auto;
}
}

Un saludo


 
Respondido : 15/02/2019 12:25 pm
Respuestas: 63
Trusted Member
Topic starter
 

Perfecto! Funciona. Mil Gracias.


 
Respondido : 15/02/2019 1:17 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Jorge.

Genial !!! me alegra que lo solucionaras.
Ya sabes, cualquier consulta que tengas no dudes en comunicarlo.

Cerramos el tema.

Un saludo


 
Respondido : 15/02/2019 1:20 pm