高度等于视口的正方形DIV

一尘不染

高度等于视口的正方形DIV

css

我需要创建一个DIV，其中width=height，与height=100%视口（其中，很明显，是变量）。

换句话说，一个完美的正方形DIV 根据视口的高度 计算其尺寸。该DIV中的元素的尺寸将作为父DIV的高度和宽度的百分比。

在我看来，这 在CSS中 应该很简单，但是我已经受够了！任何指针将不胜感激。

阅读 288

2020-05-16

共1个答案

一尘不染

您可以使用jquery（如果愿意，也可以使用纯JavaScript）进行此操作。

使用jQuery：

<div id="square">
</div>

$(document).ready(function(){
  var height = $(window).height();
  $('#square').css('height', height);
  $('#square').css('width', height);
});

2020-05-16