Question

我使用以下CSS来调整更大的图像：

img { 
  max-height: 100px;
}

此图像在Chrome和Firefox中显示适当的别名，但边缘在Internet Explorer 11中看起来非常混乱（不稳定）。我尝试了here方法，但这在IE11中没有任何影响。

图片无法调整大小并重新上传，因为这是尝试对我们的访问者做出响应的内容管理系统。我们也不能依赖服务器端脚本。

这里最好的选择是什么？

Answer 1

看起来最好的选择是使用

-ms-interpolation-mode: bicubic;

帮助您使用IE＆lt; 9但是之后它就是图像的渲染方式。从IE9开始，他们不再使用此命令，但问题仍然存在。

在大多数讨论中，争论的焦点是你不应该缩小较大的图像，这对性能不利。这是一个很好的论据，但不是解决问题的方法。

您可以尝试ReSrc.it之类的内容。这可以让您超越当前CMS的限制。要使这项工作（它是付费的服务），您需要遵循类似的模式

<img data-src="http://www.your-site.co/image.jpg" class="resrc"/>
<script src="//use.resrc.it/0.9"></script>
<script>
  resrc.ready(function () {
    resrc.run();
  });
</script>

使用CSS max-height调整较大图像的大小会在IE11中显示别名图像

1 个答案: