一般在實際項目中，圖片大多數情況下都是由<img>標籤插入進去的，這樣的好處就是方便後期的維護以及在進行前後端對接時提供方便。可這就帶來了一個問題，那就是由<img>標籤插進去的圖片並不會像設置背景圖片那樣方便。在這裏我給大家提供一個解決方案。
1、首先給需要插入圖片的div設置一個類名，可以是img-box、imgs等等，在這裏我推薦使用img-box。
2、在style中設置 .img-box img{max-width:100%;min-height：100%；font-size：0；display:block; }
3、另外設置一個類名，專門用來設置圖片的大小。
這樣設置之後，不管後臺傳多大的圖片進來都不會出現溢出的部分，怎麼樣，是不是很神奇呢。
還有就是有關於背景圖片的問題。當給一個div設置過背景圖片後，如果還想要讓它background-size:100%;時一定要注意它的先後順序。比如，在設置過background後，background-size必須放在background的後面，否則將無法渲染。這與瀏覽器渲染代碼的先後順序有關。（已在VsCode中得到證實）