Cómo Limitar El Tamaño Máximo De Las Imágenes En Las Entradas Mediante Css

Cómo limitar el tamaño máximo de las imágenes en las entradas mediante CSS

VeraSoul Internet
1 Min.

Image He visto en muchos blogs que se limitan a copiar y pegar no tienen en cuenta el tamaño de las imágenes o quizás seas uno de tantos bloggers que están cansados de ir reduciendo el tamaño de las imágenes hasta ajustarlas al ancho de las entradas de tu blog.

Resulta algo molesto tener que ir editando las imágenes para modificar su tamaño, pero es algo que tiene solución mediante CSS.

Basta añadir una simple línea de código, sabiendo que el ancho de toda imagen tendrá un tamaño fijo. La altura de las imágenes será automática por lo que tendrán un tamaño proporcional al ancho que estipulemos.

Añade el siguiente código al fichero estilo de tu tema (style.css):

.entry img {max-width:580px; height:auto}

Con dicha línea especificamos que todas las imágenes de las entradas se ajusten a un ancho máximo de 580 píxeles y un alto automático. Las imágenes que no superen el ancho de la entrada no se verán afectadas.

Compartir
2 Comentarios