热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

关于border-radius:50%在安卓手机的兼容性问题

大家都知道,border-radius:50%用来画圆,圆框或者圆点,今天在做手机页面的时候,发现个bug:border-radius:50%在安卓手机上竟然不是圆的,,是方的,,看实心圆点

大家都知道,border-radius:50%用来画圆,圆框或者圆点,今天在做手机页面的时候,发现个bug:border-radius:50%在安卓手机上竟然不是圆的,,是方的,,看实心圆点哈


只有安卓手机是这样的,ios展现很好


做手机页面,大家都是用什么做的适配呢?好吧,我用的rem;

里边实心圆点宽高是rem定义的,改成好多博客说的神马border-radius:9999px也不管事

后来,把rem宽高改为px就可以了,如果大家有遇到这个棘手问题的可以考虑下我踩过的坑。。



推荐阅读
author-avatar
溟尛樂_840
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有