这是我的FLUID resposnive DIV:
<div class="kamil_test"></div>
和它的标准视图中的438px高度,当我调整窗口大小时,例如300px等等。一切都很完美,但我需要在此div中 width =“something”
所以我开始的div必须看起来像那样
<div class="kamil_test" style="height: 438px;">
当我调整窗口var内部高度时必须动态地改变比例宽度为100%我需要高度 px
当我输入像这样的jquery脚本时,它只在完全渲染后生成宽度,但不要刷新它。
$(".kamil_test").css("height", "+=0");
如何在调整页面大小时使其可刷新???
答案 0 :(得分:2)
创建一个调整div大小的函数,并在调整窗口大小时调用。
实施例
function adjust(){
var maxW=window.innerWidth,
afterHeight = //your operation to obtain height,
afterWidth = //your operation to obtain width
$(".kamil_test").css({height:afterHeight,width:afterWidth});
}
$(document).ready(adjust);
$(window).resize(adjust);
答案 1 :(得分:0)
您可以使用max-height属性。
max-height / max-width会将div的高度/宽度限制为指定值的max。如果您指定相对于父元素/窗口大小的实际高度/宽度,则它将相应地重新调整大小。
尝试以下内容。
<div class="kamil_test" style="max-height: 438px;height: 100%;">