Redimensionar Imágenes con CSS

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

Pregunta Patrocinada

LinkContentPro

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

- Ir a la Ficha

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. 

Publicidad

thisjrodriguez
Respuesta de thisjrodriguez
2019-03-11 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