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

 

  

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

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

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

 

相关文章:

  • 2021-05-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-26
  • 2021-12-13
  • 2021-06-05
猜你喜欢
  • 2022-12-23
  • 2021-07-12
  • 2021-10-31
  • 2021-11-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案