在安卓手机中rem单位border-radius:50%画圆变形的解决方案

内容简介：画了个圆，在ios中效果很理想。但是在安卓手机中会有变形的情况存在，渲染方面确实安卓手机干不过ios（毕竟安卓版本众多，还有什么0.5px的线等等的坑，ios都是能完美运行，安卓总得找hack方法）。当使用px做单位，border-radius 50%出来的圆是不会变形的，可能是安卓在rem计算过程中产生误差或者有什么其他因素造成的渲染问题。网上有很多的办法，border-radius:9999px;等等，但都没什么软用。

i{
       display inline-block
       width .08rem
       height .08rem
       background-color #D0021B
       border-radius 50%
   }

i{
       display inline-block
       width .16rem
       height .16rem
       background-color #D0021B
       border-radius 50%
       transform scale(.5)
       transform-origin: 0% center
   }

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

关注我们，获取更多IT资讯^_^

查看所有标签

• 手机软键盘弹起导致页面变形的一种解决方案
• PHP WebShell变形技术总结
• PHP WebShell变形技术总结
• Unity网格变形开源库测评
• Windows调试艺术——PE文件变形（一）
• css3中的变形（transform）

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。