CSS 是一種強大的樣式表語言，它可以幫助我們控制網頁上的各種元素，包括圖形的寬和高。在本篇文章中，我們將介紹如何使用 CSS 讓圖形寬和高自適應。

/* 讓圖形自適應寬度 */
img {
max-width: 100%;
height: auto;
}
/* 讓圖形自適應高度 */
img {
max-height: 100%;
width: auto;
}

以上代碼中的 max-width 和 max-height 屬性將圖形的最大寬度和最大高度設置為父元素的寬度和高度。當圖形的寬度或高度超過了父元素的最大尺寸時，它們會自動縮小到合適的大小。設置 height: auto 或 width: auto 可以確保圖形保持原始的寬高比。

除了以上方法，還有一些其他的技巧可以讓圖形寬高自適應，如使用 flexbox 布局、設置百分比邊距和 padding 等。無論是哪種方法，都可以幫助我們輕松地控制圖形的大小，使網頁更加美觀和易讀。