Tamaño máximo imágenes responsive descripción

[Nautica Cadiz]

Hola, tengo un problema que llevo 3 horas intentando solucionar.

Tengo algunas imágenes en la descripción de productos, las he puesto responsive con el siguiente comando:

<p><img width="100%" src="http://www.xxx.com/img/cms/df5.png" alt="df5.png" /></p>

El problema es que en móviles se me ven correctamente pero en el ordenador la imagen se ve muy ampliada y pierde mucha calidad, he intentado poner varios comandos como max-widht=455px o max-widht 100% pero no consigo solucionarlo

Lo que quiero es poner la imagen responsive pero que en ordenadores tenga un límite de tamaño para que se vea correctamente.

Edited September 29, 2018 by Nautica Cadiz (see edit history)

[gusman126]

Si la plantilla esta correctamente desarrollada, deberia tener una "class" llamada responsive, prueba a añadir class="responsive" a ver si lo acepta

Si no lo acepta

prueba con class="img-responsive" que es la class del sistema bootstrapp

 

[nadie]

Respecto a lo que comenta @gusman126 de  la clase .img-responsive y .img-fluid en el <img en mi blog, tengo un artículo de hace un tiempo donde hablo de este aspecto (no específicamente de la descripción, pero aplicable) =>  https://victor-rodenas.com/imagenes-responsive-en-contentbox-en-prestashop-1-6-y-1-7/

<img class="img-responsive" ......

En la 1.7 (al menos cuando lo probé en su momento) => img-fluid, otra cosa es que haya cambiado con el tiempo.

-------

Por cierto en Prestashop 1.7 (en la plantilla por defecto), yo veo que en el theme.css lleva esto:

 

.product-information .product-description img {
    max-width: 100%;
    height: auto;
}

Por lo tanto se deberían ver las imágenes bien en la descripción. Otra cosa es que te encuentres usando una plantilla distinta por defecto.

 

Edited September 29, 2018 by nadie (see edit history)