html - 如何通过更改浏览器窗口的宽度来更改元素的宽度和高度？

Question

我希望通过更改浏览器窗口的宽度来同时更改元素的宽度和高度。我该怎么做？如果最初的高度和宽度没有相同的大小，那么它们最终如何相同？

标签： htmlcssheightwidth

Answer 1

如果您想根据浏览器大小更改元素的宽度和高度，则必须以百分比形式给出该元素的宽度和高度。

div {
     width: 100%;
     height:100%;
     }

在这种情况下，元素的宽度和高度将根据浏览器尺寸自动调整。