<div class="newslist-img">
    <img class="newslist-lazy" src="../../skin/images/mn.png" alt="">
</div>

css:
.newslist-img {
  width: 250px;
  height: 180px;
  overflow: hidden;  //防止溢出
}
.newslist-lazy {
  width: 280px;    
  height: 230px;
}
.newslist-lazy:hover {
	width: 280px;
	height: 230px;
	transform: scale(2.05, 2.05);  
}
.newslist-lazy {
            transition: all 0.5s ease-out;
            /* 过度 所有css属性 1秒过度 结束慢*/
            -moz-transition: all 0.5s ease-out;
            /* Firefox 4 */
            -webkit-transition: all 0.5s ease-out;
            /* Safari 和 Chrome */
            -o-transition: all 0.5s ease-out;
            /* Opera */
        }

一、给div设置一个宽与高度

二、给图片设置一个宽与高，可以根据实践情况进行调整

三、来一个当鼠标移到图片时发生的动作，用到hover选择器，设置宽高，然后使其看着舒服一些，我们可以使用

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

transform: none|transform-functions;