如何在Windows中獲取div的高度和設置寬度作爲高度8

我有一個div。我已經將div的寬度設置爲auto。我想這個div是一個正方形，所以我已經將div的高度設置爲100％。現在，如果我將div的寬度設置爲100％，它不會是正方形，因爲大多數屏幕都是矩形，所以我認爲我可以以像素爲單位獲取div的當前高度，並將寬度設置爲橫向模式下的高度，在肖像模式下做相反的事情，但我不知道如何去做這件事。請幫助我一樣。我使用HTML和JavaScript 如何在Windows中獲取div的高度和設置寬度作爲高度8

enter image description here

來源

2013-03-24 Chris Rohit Brendan

你不確定，如何設置div的寬度或者如何檢查當前模式，或者兩者兼而有之？ – witrin 2013-03-24 06:14:01

沒有任何擴展如jQuery：

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

來源

2013-03-24 06:07:14 witrin

我會嘗試實施你的方法，讓我們希望它的工作！ – 2013-03-24 06:27:42

注意：'offsetHeight'將返回包含邊框的高度值，這可能會使您的div不是實際的方形。 – 2013-03-24 07:19:20

[考慮使用'clientHeight'而不是'offsetHeight']（http://jsfiddle.net/DerekL/PsTAt/），因爲'clientHeight'將返回真正的高度。 – 2013-03-24 07:22:46

我不認爲JavaScript是必要的是什麼;如果您正在進行手機/平板電腦設計，則可以使用媒體查詢來更改div的寬度和高度;如果你希望它是正方形的，你可以設置寬度和高度與CSS相同。嘗試百分比，直到找到哪些值在Web開發人員或螢火蟲中產生相同的寬度和高度。

來源

2013-03-24 06:14:21

如何在Windows中獲取div的高度和設置寬度作爲高度8

回答

相關問題