图像div设置为高度：100％但不扩展到100％ - 试图避免100vh

Question

我的图片div没有扩展到height: 100%。

html，body和wrapper设置为height: 100%。

以下代码是我目前使用的代码：

.blogimgcont {
width: 100%;
height: 100%;
}

.blogimgcont img{
height: 100%;
width: 100%;
}

100vh会使图像占据整个垂直高度，但我担心会遇到使用它的跨浏览器兼容性问题。

任何人都可以找出为什么身高：100％不起作用？

请查看http://protein.guru/以获取说明

编辑：

无论如何我决定使用100vh - 谢谢你的回答

Answer 1

试试这个

.blogimgcont {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    bottom: 0;
}