Javascript Internet Explorer不支持最大宽度或最大高度_Javascript_Html_Css_Internet Explorer

Javascript Internet Explorer不支持最大宽度或最大高度

javascript html css internet-explorer

Javascript Internet Explorer不支持最大宽度或最大高度,javascript,html,css,internet-explorer,Javascript,Html,Css,Internet Explorer,我正在尝试使用CSS将图像缩放到精确值： HTML: 在本例中，sample pic.jpg实际上是320x211 在Firefox11.0中，这段代码运行得非常好，FF将sample pic.jpg的大小调整为CSS规则中规定的230x211最大限制然而，在IE 9中，max height和max width规则被完全忽略，图像呈现为通常的320x211大小如何修改HTML/CSS以使IE 9和FF 11.0都遵守这些最大限制？提前感谢 IE7+支持最大宽度和最大高度演示检查页面是否在

我正在尝试使用CSS将图像缩放到精确值：

HTML:

在本例中，

sample pic.jpg

实际上是320x211

在Firefox11.0中，这段代码运行得非常好，FF将

sample pic.jpg

的大小调整为CSS规则中规定的230x211最大限制

然而，在IE 9中，

max height

和

max width

规则被完全忽略，图像呈现为通常的320x211大小

如何修改HTML/CSS以使IE 9和FF 11.0都遵守这些最大限制？提前感谢

IE7+支持

最大宽度

和

最大高度

演示

检查页面是否在标准模式下运行。。（确保存在有效的doctype）

确保您已声明doctype，并且前面没有输出或空格。例如，这是HTML5的doctype，应该放在输出的最顶端：

<!doctype html>

此外，如果IE处于兼容模式，则可能会导致问题。尝试将以下内容添加到您的

：

编辑：我能够进行测试，似乎没有

doctype

会导致最大宽度不起作用。兼容性模式似乎没有影响它（在这个问题上）

#thumbnail-container img {
    max-height: 230px;
    max-width: 200px;
}

<!doctype html>

<!-- Forces user OUT of IE's compatibility mode and removes "broken page" icon --> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />