我试图将图像缩放到屏幕高度。我使用style="max-height:100%; width:auto; display: block;"
将其调整到屏幕高度,margin:0px auto;
使其居中。这项工作适用于Chrome浏览器,但不适用于Firefox。我将不胜感激任何帮助!
答案 0 :(得分:6)
您要做的是使图像大小适合视口高度,而不是屏幕。
视口是显示应用程序的屏幕的实际部分(浏览器窗口 - 浏览器界面)。
为实现这一目标,您可以使用height: 100vh
,其中一个1vh
等于视口高度的1%。
因此,您的图像将始终与视口一样高,即"屏幕"在你的情况下。