这是因为百分比是用的是父级的长度,banner图宽度远大与高度,所以用百分比写得到的弧度是不一样的,用px是定死的,所以是正确的。 之前用百分比没有出错是因为宽高一致,所以百分比下的弧度也是一样的。 今天把移动端的border-radius值都改为精确都px值,效果好多了,给自己做个笔记...
border-radius(边框半径):取值可以是em、rem、px、百分比等合法的度量值 下面是一个width: 200px; height: 200px;的div 设置圆角半径为...圆角不是正圆,还可以用斜杠设置第二组值。border-radius: 20px/40px ; 第一组值表示水平半径,第二组值表示垂直半径。 这条语句同时将每个圆角的"水平半径"...