Css 如何创建响应性方形容器？

---

如何创建用于放置元素的响应性方形容器？

如果使用%s，则当前无法为html元素指定与高度相同的宽度。您需要使用javascript

var element = document.getElementById("your-element");
element.style.height = element.style.width;
//Note: you need to put after the style tags or you need to make it load after fhe document has been loaded

---

您可以使用

视口

单位

div{
宽度：40vw；
高度：40vw；
背景：黑色url(http://www.lorempixel.com/500/500/nature)中心不重复；
背景尺寸：包含；
}

---

使用元素css大小（宽度、高度）的百分比