Question

我是JavaScript和jQuery的新手，可能犯了一个简单的错误，所以请耐心等待。

我有一个填充窗口高度的div，但我希望我的h1元素是页面下方窗口高度的28％（填充）

$(document).ready(function() {
  function setHeight() {
    windowHeight = $(window).innerHeight();
    $('.fullscreen').css('min-height', windowHeight);
  };

function imageAjust() {
  var ajustAmt = windowHeight * 28 / 100;
  $('.fullscreen').css('padding-top', ajustAmt + 'px');
  };
});

编辑：在ajustAmt

的末尾添加了px代码

提前感谢您的帮助

Answer 1

只需使用“vh”单位作为窗口高度的1/100

.fullscreen {
    padding-top: 28vh;
}

示例请参阅：https://jsfiddle.net/zjkog9r3

Answer 2

如果你将高度：100％应用于html和body标签，你可以只使用css达到你想要的效果。很明显，这个div与全班同学一起＃34;必须是身体的直接孩子或身高的另一个元素的孩子：100％和身体的孩子

＆＃13;

html,
body {
  height: 100%;
}

.fullscreen{
  height: 100%;
  padding-top: 28%;
}

＆＃13;

<div class="fullscreen"></div>

＆＃13;

根据窗口高度的百分比设置CSS

2 个答案: