更改窗口宽度时自动更改元素的高度

Question

我有一些形状是正方形的输入（相同的高度相同的宽度）。它们的宽度响应地与窗口宽度相关。但是当窗口的WIDTH改变时我希望它们自动改变高度，这样它们就可以保留方形。

CSS或jQuery上是否存在此行为？

Answer 1

您可以使用jquery resize（）实现此目的。当调整大小时，您必须获得窗口的宽度，并相应地设置方块的宽度和高度。

var w = window.innerWidth;

我为你创造了一个简单的小提琴https://jsfiddle.net/mdoLaxtL/7/。希望有所帮助。