CSS懸浮圖片中間縮放

示例代碼：
.img-container {
position: relative;
display: inline-block; /* 讓容器能夠包裹圖片 */
overflow: hidden; /* 隱藏圖片溢出的部分 */
}
.img-container:hover img {
transform: scale(1.2); /* 縮放圖片 */
}解釋說明：
- 將包含圖片的容器設置為相對定位，方便定位子元素
- 對于不支持`object-fit`屬性的瀏覽器，將容器設置為`inline-block`，讓容器能夠包裹圖片
- 隱藏圖片溢出的部分，避免懸浮時出現滾動條
- 懸浮時，通過`transform`屬性將圖片縮放1.2倍
注意事項：
- 需要了解`object-fit`屬性的兼容性，如果瀏覽器支持該屬性，建議直接使用該屬性實現效果
- 過度使用`transform`屬性會影響性能，建議使用時謹慎
- 圖片縮放后可能會造成頁面重排，導致其他元素變形，建議通過樣式規劃避免該問題的出現