我正在设计一个拥有大量高质量图像的网站。现在，我的图像设置为1000px x 1000px。其中大多数是具有透明度的.png。我注意到，随着一些浏览器缩放 DOWN 图像，它们会非常严重地对图像进行像素化处理。我已经在Internet Explorer和Microsoft Edge中注意到了这一点;然而，在firefox和chrome中，图像看起来很棒
我很好奇是否有html / css / javascript方法可以防止这种情况发生？
我最终会根据窗口的宽度放置一个加载不同尺寸图像的系统;但是，现在我希望有一个简单的解决方案。
很抱歉，如果这是重复的。每次我搜索此内容时，人们都会询问有关缩放图像的问题。我无法找到有关浏览器如何缩放具有解决方案的DOWN图像的任何信息。
我被问到代码，我将发布与图像相关的代码;但是，我并不认为它是一个css代码问题，因为它只对某些浏览器有影响（我注意到的是IE和Microsft Edge）
它相当基本的代码
<button>