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

     

 

  

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

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

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

 

posted @   圆柱模板  阅读(763)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
点击右上角即可分享
微信分享提示