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

Question

我有一个div。我已将 div 的宽度设置为自动。我希望这个 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 开发人员或萤火虫中哪些值产生相等的宽度和高度。