border-radius用法中精确px值和百分比的区别

     

  

   好久不用border-radius了,记忆中可以用百分比也可以用px,今天在写页面的时候用了百分比,发现不管设置多少左右都会是垂直的,但是上下有弧度。后来改成px就可以了。但是这是为什么呢?

   这是因为百分比是用的是父级的长度,banner图宽度远大与高度,所以用百分比写得到的弧度是不一样的,用px是定死的,所以是正确的。
  之前用百分比没有出错是因为宽高一致,所以百分比下的弧度也是一样的。

    今天把移动端的border-radius值都改为精确都px值,效果好多了,给自己做个笔记

原文地址:https://www.cnblogs.com/68xi/p/12294975.html