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

正在为我工​​作。