Asunto: Cómo mostrar imagen adaptativa en sitio web
Hola, no tengo conocimientos de HTML y necesito saber cómo poner una imagen que se adapte a la resolución de los móviles, tablets, PC, smartTV, etc. He visto web que al reducirlas en el navegador las imágenes se reducen automáticamente y al ampliarlo se amplían, y también salen adaptadas en los móviles, tanto Android, como iPhone como Windows Phone.
¿Cómo se hace esto?
Publicado:
Mie Abr 15, 2015 9:05 pm
alonsojpd Administrador/Moderador
Registrado: Sep 16, 2003 Mensajes: 2687
Asunto: Re: Cómo mostrar imagen adaptativa en sitio web
varios escribió:
Hola, no tengo conocimientos de HTML y necesito saber cómo poner una imagen que se adapte a la resolución de los móviles, tablets, PC, smartTV, etc. He visto web que al reducirlas en el navegador las imágenes se reducen automáticamente y al ampliarlo se amplían, y también salen adaptadas en los móviles, tanto Android, como iPhone como Windows Phone.
¿Cómo se hace esto?
Para hacer una imagen adaptativa puedes usar CSS, en tu fichero .css de hoja de estilos de tu web añades:
Código:
.imgno
{
max-width: 100%;
height: auto;
}
Y en el código HTML de tu página donde quieras mostrar la imagen adaptativa añadires:
Puede publicar nuevos temas en este foro No puede responder a temas en este foro No puede editar sus mensajes en este foro No puede borrar sus mensajes en este foro No puede votar en encuestas en este foro
Visita nuestro nuevo sitio web con programas y contenidos actualizados: Proyecto A
