Установка высоты DIV jquery динамического содержимого Переполнение стека

У меня есть 2 дел.

ТЕЛО

<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>

СТИЛЬ

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

Идеально подходит для компьютера DESKTOP, но не для мобильных телефонов.
Кто-нибудь знает, ПОЧЕМУ?

Примечание: извините за любую ошибку продукта переписав здесь код.
СПАСИБО!

0

Решение

Вы можете попробовать его с чистым 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;
}
0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]