blog
blog copied to clipboard
关于border-radius在android 4.2.x版本上失效的问题
通常是这个写的:
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; }
solve my problem! thanks