CSS可以非常方便地將圖片自動縮放到適當的大小，根據不同的屏幕尺寸和設備來進行響應式布局。

要實現這個功能，我們可以使用CSS的max-width和height屬性。例如：

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

這段代碼會將圖片的寬度最大限制為容器的100%，并根據寬高比自動調整高度。這樣，即使屏幕尺寸改變，圖片也會自動縮放，保持最佳顯示效果。

如果想要對不同尺寸的設備使用不同的縮放比例，還可以使用媒體查詢來控制。例如：

/* 如果屏幕寬度小于等于600px，則將圖片寬度限制為80% */
@media (max-width: 600px) {
img {
max-width: 80%;
}
}

這里只是簡單介紹了CSS如何自動縮放照片的方法，還有很多其他的技巧和注意事項，需要根據具體場景和需求進行調整和優化。最好的學習方法，就是不斷嘗試和實踐，結合實際項目來提升自己的技能。