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

     

 

  

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

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

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