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作为子级的宽度和高度时，父容器应具有指定的尺寸。