CSS 100%宽度高度

仅仅使用CSS就可以使我的宽度达到高度的100%吗？不使用Javascript之类的东西

{
    width: /*100% of height*/
}

---

这有新的css单元

width: 100vh;

这意味着元素的宽度将是视口高度的100%

CSS3有一些新的值，用于相对于当前 视口大小：vw、vh和vmin。 三个值中任意一个值的单位为视口轴的1%。 “视口”==浏览器窗口大小==窗口对象。如果视口是 40厘米宽，1vw==0.4厘米

1vw=1%视口宽度1vh=1%视口高度1vmin=1vw或 1vh，以较小者为准1vmax=1vw或1vh，以较大者为准（）

参考：

PS：在现代浏览器中，对这些新属性的支持实际上相当好

这个问题似乎只有Nathan Ryan给出了一个很好的答案。另外，阅读他回答下面的评论也是值得的。我希望这有帮助

---

如果您觉得解决方案太复杂，那么可能需要提供更多的上下文来说明您试图实现的目标，以防有人有一个好的替代解决方案。

下面是描述：@Rohit Azad正是我想要的。非常感谢你！（5分钟后我接受：）由于

img

标记具有方形尺寸（在chrome中），您可以使用它来给出元素的方形尺寸。像这样的