平板电脑视口和移动分辨率时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
}