CSS圖片寬高自由調整是指在HTML文檔中，我們可以使用CSS樣式表來控制頁面上的圖片寬度和高度。

在HTML文檔中，我們通常使用標簽來插入圖片。但是，如果圖片的尺寸過大或者過小，會影響頁面的美觀和用戶體驗。所以，我們有必要對圖片的尺寸進行控制。

CSS樣式表提供了控制圖片尺寸的兩種方式：

/* 第一種方式：控制圖片的寬度 */
img {
width: 50%; /* 將圖片的寬度設置為父元素寬度的50% */
}
/* 第二種方式：控制圖片的高度 */
img {
height: 200px; /* 將圖片的高度設置為200像素 */
}

使用這兩種方式之一，我們就可以輕松地控制圖片的尺寸，讓它們在頁面上自由地展示。

此外，CSS還提供了一種更加靈活的方式來控制圖片的尺寸，那就是使用max-width和max-height屬性。

/* 使用max-width屬性控制圖片的寬度 */
img {
max-width: 100%; /* 將圖片的最大寬度設置為父元素寬度的100% */
}
/* 使用max-height屬性控制圖片的高度 */
img {
max-height: 400px; /* 將圖片的最大高度設置為400像素 */
}

使用max-width和max-height屬性的好處在于，即使圖片尺寸過大，也能保證圖片在頁面上的顯示效果一致，不會使頁面出現滾動條。

總的來說，CSS圖片寬高自由調整是Web開發中非常常用的技術之一，它能夠幫助我們更好地控制頁面上的圖片，讓網頁更加美觀、舒適。