当以rem为单位时,使用border-radius画的圆,形状不圆

移动端项目中,使用rem适配。碰到border-radius:50%写出的圆,形状不圆。

 

自己看了下,好像当rem换算出的px不为整数时,会出现这个情况。

网上搜索,尝试了border-radius:99999px、border-radius:6rem、border-radius:100%,但是无效。

后来的就只能使用px,然后用媒体查询完成适配。切图使用背景图片也行。

找到更好的解决方法,再来分享。

posted @ 2018-08-02 17:01  543  阅读(489)  评论(0编辑  收藏  举报