在網頁設計中，我們經常需要將圖片進行調整大小，使其與網頁布局相適應。然而，CSS并不能完全滿足我們的期望，無法將圖片進行伸縮。以下是CSS不能伸縮圖片的原因：

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

雖然CSS屬性中有width和height屬性，但是它們只適用于定義圖片在網頁中的顯示大小，不能改變圖片本身的大小。上述代碼將圖片的寬度設置為其容器寬度的50%，然后通過設置height屬性來自動調整高度，以保持圖片的比例不變。但是，無論圖片的實際大小是多少，這個CSS代碼只能將其顯示為容器寬度的50%。

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

另一個常見的解決方案是將圖片的max-width屬性設置為100%，這樣可以確保圖片不會超出其容器的寬度，同時使用height屬性來自動調整高度。在這種情況下，如果圖片的實際大小小于容器的寬度，它還能夠縮小以適應容器大小，但是如果圖片實際大小大于容器大小，則仍然不能伸縮圖片并使其適應容器大小。

綜上所述，雖然CSS提供了很多有用的屬性，但是它并不能完全滿足我們所有的期望。如果我們希望在網頁上顯示具有不同尺寸的圖片，并能夠根據需要調整它們的大小，則需要使用JavaScript、jQuery等其他工具。這些工具能夠檢測圖片的實際大小，并將其縮小或擴大以適應容器大小，從而實現圖片的伸縮。