我正在尝试使用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都遵守这些最大约束条件？提前致谢！
答案 0 :(得分：6)
确保您已声明了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 导致max-width无法正常工作。兼容模式似乎没有影响它（在这个问题上）。
答案 1 :(得分：4)