如何在Windows 8中获取div的高度并将宽度设置为高度

Question

我有一个div。我已将div的宽度设置为auto。我希望这个div是一个正方形，所以我将div的高度设置为100％。现在，如果我将div的宽度设置为100％，它将不是正方形，因为大多数屏幕都是矩形，所以我想我可以获得div的当前高度（以像素为单位）并将宽度设置为横向模式中的高度，并且在纵向模式中做相反的事情，但我不知道如何解决这个问题。请帮助我。我正在使用HTML和JavaScript

Answer 1

没有像jQuery那样的扩展名：

var div = document.getElementById("myDiv");
var height = div.clientHeight;
div.style.width = height + 'px';

Answer 2

我不认为JavaScript是必要的;如果您正在进行移动/平板电脑设计，您可以使用媒体查询来更改div的宽度和高度;如果你想要它是正方形你可以设置宽度和高度与CSS相同。尝试百分比，直到找到哪些值在Web开发人员或firebug中产生相等的宽度和高度。