我尝试使用CSS属性max-width自动调整图像大小,但是在IE7和IE8中不起作用。在IE7和IE8中,有什么方法可以使用纯CSS自动调整图像大小吗?

最佳答案

使用width: inherit;使它与IE8中的纯CSS一起使用。
(请参阅responsive-base.css。)像这样:

img {
  width: inherit;  /* This makes the next two lines work in IE8. */
  max-width: 100%; /* Add !important if needed. */
  height: auto;    /* Add !important if needed. */
}

我不确定这是否适用于IE7,请对其进行测试,如果您正在测试IE7,请告诉我们。在弄清楚width: inherit技术之前,我正在使用下面的jQuery,因此,如果您确实需要IE7的支持并且第一种技术不起作用,您可以尝试一下:
<!--[if lt IE 9]><script>
jQuery(function($) {
    $('img').each(function(){
        // .removeAttr supports SSVs in jQuery 1.7+
        $(this).removeAttr('width height');
    });
});
</script><![endif]-->

10-05 21:02
查看更多