CSS3比例转换/保持图像质量

Question

假设最初显示的是2000x2000px像素图像，其尺寸小10倍，即200x200px

如果通过CSS3 scale(10)here方法进行了转换，那么即使图像最初以这种尺寸显示，它也可以正常工作，但是看起来也很模糊。

通过这种转换是否有办法使初始图像大小恢复？意思是通过变换显示“原始”尺寸的图像

Answer 1

将图像放入容器中，并缩放容器。在这种情况下不需要转换

div {
    width: 200px;
    height: 200px;
}
img {
    width: 100%;
    height: 100%;
}
div:hover {
    width: 2000px;
    height: 2000px;
}

<div><img src="http://www.solarviews.com/raw/earth/bluemarblewest.jpg" width="2048" height="2048"></div>

重复使用 Timo D 的图像...懒得搜索另一张:-)