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