img標籤直接設置width和height屬性，與用style設置width和height的區別

今天作頁面輪播圖的時候發現了一個很奇怪的問題：

用style屬性給img標籤設置width和height，圖片能夠顯示徹底 ，但圖片比例會發生改變，圖片變形。

用img標籤裏面的width和height屬性給圖片設置高度和寬度，圖片比例不會改變，圖片也沒變形，但圖片會顯示不徹底。

---

用style設置img標籤width和height的效果：

直接設置img標籤的width和height的效果：

網上查了一下，下面這個答案感受還能夠接受（但不知道解釋的對不對。。）：

注：這裏說的前面指的是用style設置寬高，後面指的是直接設置img標籤的width和height屬性。