Si usáis una plantilla flexible como esta (prueba a cambiar el ancho de la pantalla para comprobarlo), es posible que las imágenes que subáis al blog descuadren cuando pasan de un determinado ancho (por ejemplo, cuando la pantalla es muy pequeña). Sin embargo, con una simple regla de CSS, podemos hacer que se comporten de forma muy distinta, como ésta (imagen sacada de aquí):
responsive web design
La regla CSS es la siguiente:
.post-body .separator img {
  /*Los !important son para sobreescribir los estilos que inserta blogger*/
  width: auto!important;
  height: auto!important;
  max-width: 100%;
}
Así se consigue que funcione de IE7 en adelante.

Un pensamiento en “Imágenes flexibles en el blog

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Puedes usar las siguientes etiquetas y atributos HTML:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre data-language=""> <ul> <ol> <li>
Para poner código usa <pre data-language="[lenguaje]"><code>[código]</code></pre>, y no olvides escapar el HTMl.