blog icon indicating copy to clipboard operation
blog copied to clipboard

关于border-radius在android 4.2.x版本上失效的问题

Open Pearyman opened this issue 10 years ago • 1 comments

通常是这个写的:

css style: .m-pic-contain{ width: 3.8rem; height: 3.8rem; overflow: hidden; border-radius: 20rem; position: absolute; top:0.1rem; left: 0.1rem; }

而这样写会在android版本4.2.X的环境下,border-radius失效这个问题。 后来,经过了解在img容器上加上 border-top-left-radius: 20rem; border-top-right-radius: 20rem; border-bottom-left-radius: 20rem; border-bottom-right-radius: 20rem; 好使了。

有人也会说,border-radius:100%;这样不也是可以的吗?这么写在android 下也是不好使的。所以,我就将所有的设置了一个较大的rem. html{ font-size:20px; }

Pearyman avatar Jul 06 '15 06:07 Pearyman

solve my problem! thanks

hahaha114 avatar Jul 06 '15 07:07 hahaha114