javascript - img 高度占浏览器窗口的百分比

我想用 jquery(我自己)制作一个全 Angular 图片 slider ，我希望它在任何尺寸的浏览器中都能很好地缩放，其高度大约为浏览器窗口高度的 80%，并调整为浏览器确实如此! 这是我的 html:

<body>
<img class="img_slides" src="../images/1.jpg" alt="1.jpg" width="90%"/> 
</body>

但它不起作用，而如果我使用宽度而不是高度，我想要的事情就会发生! 如果我写得太多，对不起!但除此之外，我的问题不符合网站质量，他们无法提交!!

最佳答案

Codepen e.g.

img {
    height: 80%;
}

body, html {
    height: 100%;
}

您需要将 body & html height 设置为 100% 因为默认情况下它们不会占据 100% 的视口(viewport)。没有它，将图像的 height 设置为 80% 将不起作用。

关于javascript - img 高度占浏览器窗口的百分比，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31638755/