Question

希望将this site上的图片缩放到浏览器窗口高度的80％。实现这一目标的简单而通用的方法是什么？

Answer 1

尝试以下CSS：

img { height:80%; }

或

img { height:80vh; }

Answer 2

您不需要任何javascript来执行此操作非常简单。您应该将html和正文宽度和高度添加到100％。这是jfiddle链接：http://jsfiddle.net/jmarikle/vz7q2bnk/

<html>
<body>
<img src="http://lorempixel.com/400/500" />
</body>
</html>

<!--css part-->
html, body {
    width: 100%;
    height: 100%;
}
img{height:100%; width:auto; vertical-align: top;}

将居中图像缩放到浏览器窗口

2 个答案: