HTML изображение не будет масштабироваться вниз

Question

Я написал приложение Django, где различные (случайные) онлайн изображения ставятся в:

<img src={{j.5}} width="150" height="150" border="0"> 

Он отлично работает для большинства изображений, но некоторые из них, которые имеют высокие размеры, не показываются на моей странице. Я пробовал с CSS:

img {max-width: 100%;max-height: 100%;} 

Но не работает. Поскольку снимки удалены случайным образом, я хочу, чтобы изображение масштабировалось вниз. Например, это изображение не будет изменяться:

http://www.civitas.al/wp-content/uploads/2013/11/atentati-2111.jpg 

Есть идеи?

Answer 1

Технически (вы не предоставили фотографии), используя согласованные width и max-width как стили CSS, устраняют возможные конфликты между идеей DOM ширины тега и ширины элемента. Это означает, что

<img src={{j.5}} /> 

И

img {width: 150px; height: 150px; max-width: 100%; max-height: 100%; border: 0;} 

работают для меня.