CSS框模型定義了元素的寬度和高度如何計算，為了自適應不同的屏幕尺寸，我們會使用“百分比”設置元素的寬度或高度，但是有時候會出現不按比例縮小的問題，這就是CSS不按比例縮小的情況。

例子：

上面的代碼中，我們將圖片的寬度設置為50%。然后發現，當屏幕縮小時，圖片不按比例縮小，導致它看起來很奇怪。原因是圖片的高度是“自適應”的，而且圖片在縮小時沒有保持原有的寬高比。

這個問題可以通過設置一個固定的高度來解決，比如：

例子：

在這個例子中，我們將圖片的高度設置為200像素，因此縮小的時候圖片會按比例縮小并保持原有的寬高比。在實際開發中，我們需要根據具體情況選擇適合的解決方案，以確保圖片和其他元素在縮小時都能按比例縮小，并且布局不會出現問題。