我试图用CSS来我缩放到精确值：
HTML：
<div id="thumbnail-container">
<img src="sample-pic.jpg"/>
</div>
CSS：
#thumbnail-container img {
max-height: 230px;
max-width: 200px;
}
在这个例子中， sample-pic.jpg实际上是320x211。
在Firefox 11.0，此代码工作完全正常，并重新调整FF sample-pic.jpg在CSS规则阐述了230x211最大制约因素。
在IE 9，然而， max-height和max-width的规则被完全忽略和图像呈现为它的通常320x211大小。
我怎样才能修改HTML / CSS这样既IE 9和FF 11.0双方履行这些最大的限制？ 提前致谢！
IE7 +支持max-width和max-height 。
演示在http://jsfiddle.net/gaby/qE6w6/
检查你页面的标准模式下运行。（ 请确保有一个有效的doctype）
请确保你声明一个DOCTYPE，并且有前无输出或空格。 例如，这是HTML5的DOCTYPE，它应该在你的输出的最顶部去：
<!doctype html>
另外，如果是IE兼容模式，可能会导致问题。 尝试添加以下到您<head>
<!-- Forces user OUT of IE's compatibility mode and removes "broken page" icon -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
编辑：我能测试，并且似乎没有doctype 不会引起最大宽度不工作。 似乎兼容模式并没有影响到它（在这个问题上）。
