我正在进行新的网站设计。在阅读了具有略微不同图像要求的视网膜显示器之后,我感到分心的是,与其他浏览器相比,Internet Explorer的图像缩小了。
我知道我必须遗漏一些东西,所以决定上传一个我几年前为这个例子制作的旧徽标。如果您访问此png图片http://test.glow-sticks.org/images/logo-ietest.png
如果您以100%的比例查看它,那么它在所有浏览器中都显示正常,但是当您使用Chrome或Firefox等缩小25%时,图像会很好地调整大小,保持其平滑边缘。
然而,当您开始使用IE缩小25%左右时,徽标的边缘会变得锯齿状/像素化。
首先,为什么?其次,有一个简单的解决方案吗?
我不想通过漫游使问题复杂化,但我也在尝试使用SVG。我将徽标转换为SVG并将图像放在网站上以250px输出。然而,在IE浏览器上,即使您以100%查看页面,徽标也不能平滑渲染,当我达到约300%时,它开始看起来很好。
我知道它是因为图像开头很大,但为什么只有IE才能出现这个问题?
非常感谢!