其实这是一个很简单的实现，但是对于小白来说，还是有必要做一下笔记。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>查看大图</title>
<style>
img:hover
{
transform: scale(2);
}
</style>
</head>
<body>
<img src="img/my.png">
</body>
</html>img:hover 的含义：当鼠标放在img上，调用其中的css属性。
transform: scale(2) 的含义：2d放大两倍。
参考文档：