根据视口高度动态设置DIV高度 [英] Set DIV height dynamically based on viewport height

查看:95
本文介绍了根据视口高度动态设置DIV高度的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试将div的高度设置为视口高度的30%,并且我非常想在视口高度发生变化时对其进行缩放.

I'm trying to set a div's height to 30% of the viewport height and I would very much like to scale it when the height of the viewport changes.

我尝试将最低高度设置为30%;高度:30%,但不起作用.

I tried setting min-height: 30%; height:30% but it is not working.

我看了一下JQuery的height();但我只是不知道如何开始.

I took a look at JQuery's height(); but I just don't know how to get started.

谢谢.

推荐答案

function thirty_pc() {
    var height = $(window).height();
    var thirtypc = (30 * height) / 100;
    thirtypc = parseInt(thirtypc) + 'px';
    $("div").css('height',thirtypc);
}

$(document).ready(function() {
    thirty_pc();
    $(window).bind('resize', thirty_pc);
});

这篇关于根据视口高度动态设置DIV高度的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆