CSS是一種用于設計和布局網頁的樣式表語言。在現代瀏覽器中，CSS已經可以控制手機的顯示效果，比如讓手機顯示照片。下面，我們將介紹如何使用CSS來讓手機顯示照片。

1. 設置圖片的width和height屬性

在CSS中，我們可以使用圖片的width和height屬性來控制圖片的大小。寬度設置值決定了圖片在屏幕上的寬度，而高度設置值決定了圖片在屏幕上的高度。例如，如果我們將圖片的寬度設置為600像素，那么圖片將占據屏幕的600像素空間。

2. 使用媒體查詢

媒體查詢是一種CSS功能，可以根據設備類型和分辨率自動調整圖片的大小。例如，如果我們使用來設置圖片的大小，那么當用戶在手機瀏覽器中查看網頁時，圖片將自動適應手機屏幕大小。

3. 使用絕對定位

使用絕對定位可以使圖片直接定位在網頁的頂部或底部，從而避免圖片占據過多的屏幕空間。例如，我們可以使用來設置body元素的位置，然后使用來設置圖片的位置。這樣，圖片將始終位于頁面的頂部。

4. 使用響應式設計

響應式設計可以使網頁在不同的設備上都能良好地顯示。通過使用響應式設計，我們可以為不同的設備設計不同的樣式，而不必修改整個網頁的樣式。例如，我們可以使用來設置樣式，這樣，當用戶的手機屏幕寬度小于768像素時，圖片將縮小以適應屏幕。

通過使用CSS，我們可以輕松地讓手機顯示照片。通過設置圖片的width和height屬性，使用媒體查詢，使用絕對定位，或使用響應式設計，我們可以使手機顯示照片時，圖片不會占據過多的屏幕空間，從而使用戶體驗更好。