Debido a la gran cantidad de plantillas que existen para Blogger, alguna vez os habrá pasado encontraros con el problema de que vuestro blog sale bien en PC, pero no se le ajustan bien las imagenes de manera responsive (es decir, manteniendo la proporción) cuando lo visitamos desde nuestro móvil/celular/smarphone o desde una tableta de pantalla más estrecha.
La solución es bien fácil y sencilla, vamos a editar el código html de nuestra plantilla. Es decir vamos a Tema > Editar Html, pulsamos Ctrl + F y buscamos: .post-body img
A continuación lo modificamos/reemplazamos por:
Verán su problema solucionado instantaneamente, ya que de esta forma le estamos diciendo a Blogger que de un ancho del 100%, la altura será la proporcional a dicha anchura, no estirandose las imagenes como ahasta ahora :)
La solución es bien fácil y sencilla, vamos a editar el código html de nuestra plantilla. Es decir vamos a Tema > Editar Html, pulsamos Ctrl + F y buscamos: .post-body img
A continuación lo modificamos/reemplazamos por:
.post-body img {width: 100%; height: auto}
Verán su problema solucionado instantaneamente, ya que de esta forma le estamos diciendo a Blogger que de un ancho del 100%, la altura será la proporcional a dicha anchura, no estirandose las imagenes como ahasta ahora :)
¡No se olviden de comentar si les funcionó!
Muestren su cariño, que dios los acompañe amigos.
Muestren su cariño, que dios los acompañe amigos.
0 comentarios:
Publicar un comentario
Puedes comentar anónimamente, con tu nombre o con una cuenta google.
Seleccionalo antes de escribir en "Comentar como", gracias