У меня есть 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, но не для мобильных телефонов.
Кто-нибудь знает, ПОЧЕМУ?
Примечание: извините за любую ошибку продукта переписав здесь код.
СПАСИБО!
Вы можете попробовать его с чистым 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;
}
Других решений пока нет …