border-radius

　　以前不太清楚为什么border-radius：50%就已经是最大了，以为

　　　　　　border-top-left-radius：50%/50%；

　　　　　　border-top-right-radius：50%/50%；

　　　　　　border-bottom-left-radius：50%/50%；

　　　　　　border-bottom-right-radius：50%/50%；

　　最大只能取到50%，现在看了css揭秘才知道不是这样

　　里面提到：　　“当任意两个相邻圆角的半径之和超过 border box 的尺寸时，用户
　　　　　　　　代理必须按比例减小各个边框半径所使用的值，直到它们不会相互重叠
　　　　　　　　为止。”

　　

　　也就是说你只要相邻的两个圆角的半径之和不超过border-box的宽度或高度就行了，超过部分就有浏览器按比例来进行减小了，

即你可以设置border-top-left-radius：100%/50%；

　　　　　　border-bottom-left-radius：0/50%；

 

转载于:https://www.cnblogs.com/hehewuyuana/p/6268516.html