Different size of images

Different size of images

If you open my website on a tablet or phone my images are all different sizes?
All my images have the same sizes although not seen on the frontend.

How to fix that?

http://www.lager-techniek.eu/

Aw: Different size of images

Only on frontend

Aw: Different size of images

Problem in your CSS

max-width: 100%;

Aw: Different size of images

Category thumbnail width

Should be set to 100?


Or is that done somewhere else?

Aw: Different size of images

CSS Style.

/templates/protostar/css/template.css

---

Aw: Different size of images

This is what i see in template.css.
img {
max-width: 100%;
width: auto \9;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;

Aw: Different size of images

delete

max-width: 100%;
width: auto \9;
height: auto;

Aw: Different size of images

Great that worked.

Thanks