Redimensionar Imágenes con CSS

1 Marcus92
Publicado por Marcus92 el 11/03/2019 21:34
PreguntaSolucionado0.25 Créditos 1 Respuestas

Hola!

a veces en mi blog tengo problemas con las imágenes, salen por encima del ancho máximo que tiene el contenido, ¿Alguien podría ayudarme para redimensionar las imágenes con CSS? 

se que puedo ajustar en wordpress para que se redimensiones solas, pero las quiero en buena calidad para que la gente las descargue si als quiere. 

thisjrodriguez
11/03/2019 21:36

Lo ideal sería mostrar un thumbnail y enlazar la imágen a una en tamaño original, pero lo que tu quieres sería algo así.

Tenemos un div contenedor y dentro una imagen

<div class="content"><img src="#"></div>

Se supone que el content tiene un width ya sea fijo (px) o dinámico (%)

entonces tendríamos que poner algo así.

 

div.content {
width: 600px;
margin: 0 auto 0 auto;
padding: 5px;
background-color: #000000;
color: #fff;
}
div.content img { max-width: 100%; }

 

Yo realmente te recomiendo poner el máx width al 99% o 98% para que se vea un pequeño espacio y si tal centrarlas con margin: 0 auto;

 

SoluciónRespuesta patrocinada por LinkContentPro

Publicidad

Pregunta Patrocinada

LinkContentPro

En LinkContentPro redactan todo tipo de textos, incluido spin. ¿Quieres conocerlos?

Publicidad