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;} 

是爲我工作。