azl397985856 / fe-interview

宇宙最强的前端面试指南 (https://lucifer.ren/fe-interview)
Apache License 2.0
2.85k stars 260 forks source link

【每日一题】– 2019-10-08 - border-radius #38

Closed azl397985856 closed 5 years ago

azl397985856 commented 5 years ago

用CSS画一个圆,为什么border-radius: 50% 就是一个圆?border-radius: 100% 为啥和 border-radius: 50% 的效果竟然一致!这是为啥?

azl397985856 commented 5 years ago

对于大于50%的值会重叠,因此浏览器进行了优化 - 即将50%以上的压缩到50%