相关疑难解决方法(0)

我想创建一个div可以随着窗口宽度的变化而改变宽度/高度的东西.

是否有任何CSS3规则允许高度根据宽度改变,同时保持其宽高比？

我知道我可以通过JavaScript实现这一点,但我更喜欢只使用CSS.

我试图创建一堆纯粹使用CSS的同心圆.这是我的CSS:

.inner-circle{
height: inherit;
width: inherit;
background: #FFF;
border: 1px solid #1a1a1a;
border-radius: 50%;
padding: 5px;
margin: 1%;

}

到目前为止我的尝试在这里:http://jsfiddle.net/4yL2m/

但是,正如您在链接中看到的,我只能根据画布区域的宽度和高度创建椭圆.谁能建议如何通过在自身内嵌相同的div来绘制完美的同心圆？