CSS：爲什麼照片不能縮放？

Question

我創建了一個圖像查看器，出於某種原因圖像不能縮放到頁面上（我正在使用：height: 82%, width: auto）。你可以在我的網站上看到這個問題，guyzyl.org。轉到圖庫並輸入照片查看問題。任何幫助表示讚賞！

Answer 1

嘗試將其設置爲

#viewer img { 
    max-height: 82%; 
    max-width: 100%; 
    } 

這應該達到你想要的結果。

Answer 2

對於img的CSS使用display:block。

此外，當您使用auto作爲子級的寬度和高度時，父容器應具有指定的尺寸。