设置DIV高度jquery动态内容PHP - Setting height DIV jquery dynamic content PHP

Setting height DIV jquery dynamic content PHP

本文关键字：PHP 动态 jquery DIV 高度设置 | 更新日期: 2023-09-27

我有2个div

身体

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

和我试图分配把相同的高度链接到内容(动态内容从数据库与PHP)

头

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

风格

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

适用于桌面电脑，但不适用于移动设备。有人知道为什么吗?

注意:请原谅这里重写代码的任何错误产物。谢谢!

您可以尝试使用纯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;
}