html - 在 CSS3 中,如何让图像自行拉伸(stretch)以自动适应屏幕?

标签 html css

我正在尝试拉伸(stretch)垂直图像,自动适应任何屏幕的顶部和底部。我如何在 CSS3 中做到这一点?

这是我所拥有的,如果它有帮助的话:

.logo{
   height: 700px;
   width: 150px;
}

它也不是背景图片。

最佳答案

.logo{
  height: 100vh;
}

您可能还想将宽度设置为 auto 以保持比例...

( reference )

关于html - 在 CSS3 中,如何让图像自行拉伸(stretch)以自动适应屏幕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20669603/

相关文章:

css - 如果我们以百分比赋值,max-width 与 width 有何不同?

javascript - 没有 closeOnSelect 的 Select2 多选在所选标签顶部重叠结果

jquery - Bootstrap popover 出现在与其触发器不同的元素上

javascript - 如何在另一个上使用 : text on one column, 图像,仅使用引导 div?

html - 如何让行元素占据整个宽度?

html - 我为垂直菜单栏使用语义 ui 编写了一个代码..但它没有拉伸(stretch)到整个页面..那么我如何拉伸(stretch)垂直菜单?

php - 从mysql中的两个表中检索数据

javascript - Grails - Ajax 提交不工作?

javascript - 两个按钮一个功能(递增、递减)

javascript - 内部带有动画图像的元素的点击事件丢失