img标签直接设置width和height属性与用style设置width和height的区别

今天做页面轮播图的时候发现了一个很奇怪的问题：

用style属性给img标签设置width和height，图片可以显示完全 ，但图片比例会发生改变，图片变形。

用img标签里面的width和height属性给图片设置高度和宽度，图片比例不会改变，图片也没变形，但图片会显示不完全。

用style设置img标签width和height的效果：

直接设置img标签的width和height的效果：

网上查了一下，下面这个答案感觉还可以接受（但不知道解释的对不对。。）：

注：这里说的前面指的是用style设置宽高，后面指的是直接设置img标签的width和height属性。