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

幅と高さを px 形式ではなく % として提供するように css を変更すると思います

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