html – 如何使用纯CSS自动调整图像的响应设计?

前端之家收集整理的这篇文章主要介绍了html – 如何使用纯CSS自动调整图像的响应设计?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用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,请告诉我们.在我弄清楚宽度之前:继承技术我正在使用下面的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]-->

猜你在找的HTML相关文章