平板电脑视口和移动分辨率时的div高度问题

Question

我有这个jquery的悬停效果。当我为平板电脑或移动视口缩小浏览器窗口时，我已经调整了宽度，但我不知道如何使高度自动。这是我的小提琴

http://jsfiddle.net/cancerian73/rHJsP/1/embedded/result/

general-content-area .team-container .team-box .item {
width:300px;
height:400px;
overflow:hidden;
position:relative;
float:left
 }

在调整浏览器大小后，在媒体查询中将高度设置为 100% 后，您可以在此小提琴中看到图像容器不显示 http://jsfiddle.net/cancerian73/rHJsP/2/

Answer 1

我认为改变 css 就像提供宽度和高度一样 % 而不是 px 格式

general-content-area .team-container .team-box .item {
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
    float:left
}