[Bug Report]单选框 Radio 组件在浏览器缩放情况下的变形问题

[joy-yu]

Environment

不是很重要

Reproduction link

https://www.iviewui.com/components/radio

Steps to reproduce

调整浏览器缩放即出现问题。

What is expected?

圆形框部分是完美的圆。

What is actually happening?

圆形框部分会变形。

[jinglun2019]

我也遇到了这个问题了，请问你解决了吗？

[joy-yu]

@jinglun2019 只能从源码方面解决，参考 bootstrap 设计，可以把 ivu-radio-inner:after 实现的圆用 svg 圆替代。官方不改咱也没办法。

[shizhihuaxu]

同

[aichuyin]

这是因为官方画单选框内部的时候CSS设置了固定值，只需要全局修改覆盖下就可以了

html body { // 修复单选框在缩放下核心位置偏移问题 .ivu-radio-inner:after { left: 50%; top: 50%; translate: -50% -50%; // 兼容则用transform border-radius: 50%; } }