CSS 圖片在頂部縮放是一種常見的 Web 開發(fā)技術(shù)，它可以讓頁面中的圖片按照指定的比例縮放并居于頂部，從而讓瀏覽者更輕松地獲取頁面中的信息，并增強(qiáng)頁面的美觀程度。

/* CSS 代碼 */
.image-container {
position: relative;
overflow: hidden;
}
.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}

上面的 CSS 代碼中，我們定義了一個(gè)名為 .image-container 的樣式表，它的 position 屬性是 relative，overflow 屬性是 hidden。我們還為 .image-container 下的 img 標(biāo)簽定義了一些樣式，包括：position 屬性為 absolute，left 和 top 屬性都是 0，width 屬性是 100%，表示圖片的寬度為容器的寬度，height 屬性是 auto，表示高度會(huì)按照寬度的比例自適應(yīng)。

通過這樣的設(shè)置，圖片會(huì)按照指定的比例縮放到容器的頂部，并且不會(huì)溢出容器。這種技術(shù)可以應(yīng)用于各種類型的網(wǎng)站，包括博客、電商、社交網(wǎng)站等等。