CSS實現圖片自由縮放是一種非常實用的技巧，它可以讓我們在不需要使用JS的情況下，輕松地讓圖片按照我們的需求進行縮放。

首先，我們需要使用HTML的img標簽將圖片插入到我們的頁面中：

<img src="example.jpg" alt="Example">

接下來，我們需要給這個img元素添加CSS樣式，并設置它的寬度和高度：

img {
width: 100%;
height: auto;
}

在這個樣式中，我們將圖片的寬度設置為100%，這樣就能夠自適應屏幕大小。同時，我們將圖片的高度設置為自動，這樣就能夠根據圖片的寬度自動計算出高度。

最后，我們只需要在img元素上添加CSS3的transform屬性，就可以輕松地實現圖片自由縮放了：

img:hover {
transform: scale(1.2);
}

在這個樣式中，我們將img元素的縮放比例設置為1.2，這樣就能夠讓圖片在鼠標懸停的時候自動縮放。

通過上述的方法，我們就能夠實現圖片自由縮放了。當然，如果我們希望讓這個效果更加完美，還需要在樣式中添加一些其他的屬性，比如過渡時間、呼吸燈效果等等。