使图像适合屏幕高度

时间:2014-04-08 19:28:11

标签: html css

我试图将图像缩放到屏幕高度。我使用style="max-height:100%; width:auto; display: block;"将其调整到屏幕高度,margin:0px auto;使其居中。这项工作适用于Chrome浏览器,但不适用于Firefox。我将不胜感激任何帮助!

1 个答案:

答案 0 :(得分:6)

您要做的是使图像大小适合视口高度,而不是屏幕。

视口是显示应用程序的屏幕的实际部分(浏览器窗口 - 浏览器界面)。

为实现这一目标,您可以使用height: 100vh,其中一个1vh等于视口高度的1%。

因此,您的图像将始终与视口一样高,即"屏幕"在你的情况下。