在前端開發中，隨著頁面的不斷豐富，表格是常用的布局方式之一。而表格中的圖片欄目通常會隨著表格大小的變化而發生縮放，為此需要使用一些 CSS 技巧實現這一目的。

首先，我們需要將圖片調整為相對大小而非絕對大小。這可以通過將寬度和高度設置為百分比來實現：

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

這將使圖片的大小相對于其父容器而言，因此當其父容器（即表格單元格）的大小變化時，圖片也會相應變化。

接下來，我們可以使用 max-width 和 max-height 屬性確保圖片不會超出其容器的大小：

td {
max-width: 300px;
max-height: 200px;
}

這將確保表格單元格不會超出一定的大小，因此在單元格大小發生變化時，圖片也會自動縮放以適應其容器。

最后，我們可以使用 text-align 屬性對圖片進行對齊。如果我們希望圖片在單元格中水平和垂直居中，可以將屬性值設置為 center：

td {
text-align: center;
vertical-align: middle;
}

這將使圖片水平和垂直居中于其容器中心。如果你希望圖片靠左或靠右對齊，只需要將 text-align 屬性值設為 left 或 right 即可。

通過上述 CSS 技巧，我們可以實現在表格大小變化時，圖片自動縮放和對齊的效果。這對于表格中的圖片欄目非常有用，幫助我們實現更加完美的布局。