當我們在網頁中插入圖片時，經常會遇到一種情況：圖片的尺寸與我們想要展現的大小不一致，造成圖片出現留白或者變形等情況。這時，我們可以使用 CSS 來填充全部，以讓圖片在不拉伸或者壓縮的情況下充滿容器。

為了填充全部圖片，我們需要使用兩個 CSS 屬性：object-fit 和 object-position。

img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

首先，我們需要給圖片設置寬度和高度為100%，讓其充滿父容器。然后，使用 object-fit 屬性來控制圖片如何填充父容器。屬性值 cover 會拉伸圖片以充滿父容器，并且保持圖片比例，從而避免了圖片變形的情況。還有一些其他的屬性值，比如 contain、fill、none 和 scale-down。

另外，使用 object-position 屬性可以控制圖片在父容器中的位置。屬性值 center 會讓圖片居中顯示，其他屬性值還包括 top、bottom、left、right、top-left 等等。

需要注意的是，object-fit 屬性并不支持所有的瀏覽器，特別是 IE 瀏覽器。如果想達到兼容性，可以使用 JavaScript 或者圖片容器遮罩的方式。

總之，使用 CSS 填充全部圖片是一種簡單而又實用的技巧，可以讓我們在展示網頁中的圖片時更加美觀和專業。