設置高度DIV jQuery動態內容PHP

Question

我有2個div。

BODY

<div class="div1"></div> 
<div class="div2"></div> 

而且我正嘗試分配把相同的高度，以首尾相連的內容（從PHP數據庫動態內容）

HEADER

<script> 
$(document).ready(function() { 
var divHeightdiv1= $(".div1").height(); 
var divHeightdiv2 = $(".div2").height(); 
if(divHeightdiv1 > divHeightdiv2) 
{ 
$(".div2").height(divHeightdiv1); 
} 
else 
{ 

$(".div1").height(divHeightdiv2);  
} 
}); 
</script> 

STYLE

.div1, .div2 
{ 
border: 1px solid black; 
} 

完美適用於DESKTOP電腦，但不適用於手機。 任何人都知道爲什麼？

注意：請原諒在這裏重寫代碼的任何錯誤產品。 感謝！

Answer 1

你可能想給它用純CSS一試（不使用jQuery）

的HTML

<div class="layout"> 
    <div class="rows"> 
     <div class="column div1"></div> 
     <div class="column div2"></div> 
    </div> 
</div> 

的CSS

.layout { 
    display: table; 
} 

.layout .rows { 
    display: table-row; 
} 

.layout .rows .column { 
    display: table-cell; 
    border:1px solid #000; 
}