Javascript CSS:为什么';照片的比例是多少?

Javascript CSS:为什么';照片的比例是多少?,javascript,css,height,gallery,Javascript,Css,Height,Gallery,我创建了一个图像查看器,由于某些原因,图像无法缩放到页面(我使用的是:高度:82%,宽度:auto)。你可以在我的网站上看到这个问题。转到图库并输入照片以查看问题。感谢您的帮助 对img的CSS使用display:block 此外,当您对子容器的宽度和高度使用auto时,父容器应具有指定的尺寸。尝试将其设置为 #viewer img { max-height: 82%; max-width: 100%; } 这将达到您想要的结果。=>“如果未明确指定包含块的高度,则该值

我创建了一个图像查看器,由于某些原因,图像无法缩放到页面(我使用的是:
高度:82%,宽度:auto
)。你可以在我的网站上看到这个问题。转到图库并输入照片以查看问题。感谢您的帮助

img
的CSS使用
display:block

此外,当您对子容器的宽度和高度使用
auto
时,父容器应具有指定的尺寸。

尝试将其设置为

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

这将达到您想要的结果。

=>“如果未明确指定包含块的高度,则该值将计算为自动。”并且
DIV#viewer
没有明确指定的高度…最大高度和最大宽度不会缩放尺寸。它只是设定了实际比例的限制。修正了!谢谢你的帮助:-)