Hola, consulta.
hay alguna propiedad que se pueda aplicar a las imágenes para que no se pierda el tamaño original cuando se hace responsiva la página?
espero se entienda la pregunta.
Gracias.
Hola, consulta.
hay alguna propiedad que se pueda aplicar a las imágenes para que no se pierda el tamaño original cuando se hace responsiva la página?
espero se entienda la pregunta.
Gracias.
¡Hola Yorhs!
Entiendo tu pregunta. Si quieres mantener el tamaño original de las imágenes cuando la página se hace responsive, puedes utilizar la propiedad CSS max-width: 100%;. Esto hará que la imagen se ajuste automáticamente al ancho del contenedor en el que se encuentra, sin perder su tamaño original.
Por ejemplo, si tienes una imagen dentro de un div con la clase "contenedor", puedes aplicar el siguiente estilo:
.contenedor img {
max-width: 100%;
}
De esta manera, la imagen se adaptará al ancho del div "contenedor" sin perder su tamaño original.
¡Saludos!
Hola Bruno Botelho de Souza, Gracias!!!
Asimismo, comentar que si la imagen estuviese como background? como se podría realizar lo anterior mencionado?
.destaques__principal {
background: url('../img/fortnite.jpg') center / cover no-repeat;
grid-column: 1 / 4;
grid-row: 1 / 3;
}