Question

我正在使用jquery从父Div伸展DIV高度一切顺利，但是当我从移动设备上看到高度仍显示为伸展时，任何jquery代码都必须解决这个问题问题？我正在使用此代码：

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

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

使用Jquery Mobile版本问题拉伸div高度

1 个答案: