html - 将图像的最大高度设置为浏览器窗口高度

标签 html css twitter-bootstrap

这是一个转发,因为我在未登录的情况下提出问题,因此无法评论我之前问题的答案。

我试图防止图像变得比浏览器窗口高,这样查看者就不必向下滚动就能看到图像的其余部分。

但是,我不知道如何将图像的最大高度设置为浏览器窗口的高度。

到目前为止我有:

<!DOCTYPE html>
 <html>
 <head>
         <meta charset="utf-8">
         <title>TEST TITLE</title>
         <link rel="stylesheet" href="http://flip.hr/css/bootstrap.min.css">
 </head>

<body>

<div class="container">
        <img src="dovelow.jpg" alt="Dove">

</div><!-- .container -->

 </body>
</html>

最佳答案

或者给图像添加一个类:see this fiddle

关于html - 将图像的最大高度设置为浏览器窗口高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16079210/

相关文章:

javascript - 我使用 eq(...) 不正确吗?或者这里有什么问题?

javascript - 与其他 jquery 没有冲突导致问题

javascript - 如何使用 Javascript 创建带有动态信息的模式?

html - 没有容器div将div分成左右

html - 全宽 div 内的水平滚动 div

javascript - jQuery 的宽度动画隐藏了溢出,尽管它是可见的

html - 从div中删除滚动条

html - 如何使用 Bootstrap 3 阻止按钮保持压抑状态

html - Bootstrap Fixed Header 元素不会出现在移动设备上

javascript - UIB 日期选择器 - 显示前一天而不是当前日期(附有 Plunker)