DIV宽度设置了%，需要高度完全等于这个宽度，怎么设置

Question

现有一页面，其中有我设了个九宫格，其九宫格的九个DIV的class宽度设置了%保证宽度相同，并且可根据页面自适应宽度。然而现在这九个DIV的我需要其高度完全等于这个当前宽度（就是无论页面怎么缩放都需要高度完全等于宽度，宽度由页面决定），求教怎么设置。求代码

Answer 1

首先你这个需求肯定是不能设置固定高的，如果是PC端的九宫格那么可以，手机的话体验就不怎么好了，这个时候我们就需要通过JQuery来给元素手动添加高； 

具体：

<div style="width:33.3%;float:left;background:#f00">第一格</div>

如我们有一个div宽度为屏幕或者占据父元素的33.3%的宽度，这个时候通过网页加载完毕了获取当前div的宽度，然后让其高度=宽度；

$(function(){

    var divW=$("div").width();

var divH = $("div").height();

divW=divH;

})

Answer 2

这个你要用js来控制了、

Answer 3

用js获取到宽度的值，然后给设置高度。

Answer 4

用 js 计算吧

Answer 5

window.resize = function(){//宽度等于高度}