我有几个圆圈包含在一个容器 div 中。我使用百分比,因为我希望圆圈保持响应,并根据屏幕大小放大。我还希望这些圆圈保持圆形,而不像当前调整窗口大小时变成椭圆形。显然,这是由于屏幕宽度和高度很少相等,而且我选择了百分比高度和宽度,这正是我应该得到的。
但是,如何获得在不同屏幕大小下保持圆形的响应式圆圈呢?
.circle {
margin: 5%;
display: inline-block;
width: 30%;
height: 30%;
background: #000;
border-radius: 50%;
position: relative;
}