CSS3是一種設計網頁樣式的語言，它具有許多新的功能和特性，其中之一就是圖片的自適應。通過使用CSS3的background-size屬性，我們可以輕松地實現圖片的自適應。

.example {
background-image: url('example.jpg');
background-size: cover;
}

在上面的代碼中，我們使用background-image屬性來指定要顯示的圖片，然后使用background-size屬性來設置圖片的顯示方式。在本例中，使用cover值來讓圖片完全覆蓋容器，而且它會自動調整其大小，以適應容器的大小。

除了cover值之外，我們還可以使用contain值，讓圖片完全包含在容器內部，并且其高度和寬度適應容器的大小。

.example {
background-image: url('example.jpg');
background-size: contain;
}

另外，我們還可以使用百分比或具體數值來設置圖片的大小。

.example {
background-image: url('example.jpg');
background-size: 50% auto; /* 水平大小為50%, 垂直大小自適應 */
}

最后，需要注意的是，這種方法只適用于作為背景的圖片，如果是作為元素中的內容，我們還需要使用max-width和max-height屬性來控制圖片的大小，以達到自適應的效果。