2016-12-07 66 views
1

我使用jquery拉伸Div父母身高DIV一切都很好,但是當我從手機看到高度仍然顯示爲拉伸,任何jquery代碼都必須解決這個問題問題?我使用此代碼:使用Jquery移動版本問題拉伸div高度

$(document).ready(function(){ 
    var parentHeight = $(".logo-col").parent().height(); 
    $(".clientes-sidebar").height(parentHeight); 
}); 

回答

1

在你的代碼: 一旦瀏覽器窗口大小,這將打破,而CSS的人仍然會像這樣工作:

div#container { 
 
    padding:20px; 
 
    background:#F1F1F1 
 
} 
 
.content { 
 
    width:150px; 
 
    background:#ddd; 
 
    padding:10px; 
 
    display:table-cell; 
 
    vertical-align:top; 
 
} 
 
.text { 
 
    font-family: 12px Tahoma, Geneva, sans-serif; 
 
    color:#555; 
 
}
<div id="container"> 
 
    <div class="content"> 
 
     <h1>Title 1</h1> 
 

 
     <div class="text">Sample Text. Sample Text. Sample Text. Sample Text. Sample Text. Sample Text. Sample Text. Sample Text. Sample Text. 
 
      <br>Sample Text. Sample Text. Sample Text. 
 
      <br>Sample Text. 
 
      <br> 
 
     </div> 
 
    </div> 
 
    <div class="content"> 
 
     <h1>Title 2</h1> 
 

 
     <div class="text">Sample Text. Sample Text. Sample Text. Sample Text. Sample Text. Sample Text. Sample Text. Sample Text. Sample Text.</div> 
 
    </div> 
 
</div>

所以傾向於使用CSS:

+0

它是否適用於所有瀏覽器?和bootstrap?與移動版本? – scriptscale

+0

我認爲洙,它會工作.....但你也可以使用媒體查詢響應,如果不工作..我不會在所有瀏覽器中測試。 –

+0

這是CSS的建議,如果你有jQuery的建議會電話給我謝謝。 – scriptscale