今天想給大家講一下CSS北京圖片拉伸的問題。大家可能看過很多網站的圖片，如果瀏覽器大小改變，圖片的大小也會跟著改變，這就是圖片的拉伸效果。今天我們就來學習如何在CSS中實現這個效果。

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

其實實現圖片拉伸效果很簡單，只需要設置圖片的寬度為100%，高度自適應即可。我們可以使用CSS代碼來實現這個效果。如下所示：

.background-image {
background-image: url("beijing.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

如果是將圖片作為背景圖片，可以使用上述代碼中的background-size屬性，將圖片的大小設置為cover，這樣圖片就會自適應大小，并且不會失真。同樣地，我們還可以設置background-position屬性來讓背景圖片水平垂直居中。

總之，實現CSS北京圖片拉伸效果其實很簡單，只需要使用寬度百分比和自適應高度即可。希望大家掌握了這個技巧后能夠更好地設計網站頁面。