android下前端开发诡异bug记录&解决方法

weixin_30399871

于 2014-10-10 18:47:00 发布

阅读量101

点赞数

CC 4.0 BY-SA版权

文章标签：前端移动开发 ViewUI

原文链接：http://www.cnblogs.com/cos2004/p/4017569.html

本文介绍了在使用CSS的border-radius属性时遇到的一些常见问题及解决方案，包括如何防止背景颜色溢出圆角区域、URL编码的重要性以及实现圆形头像的最佳实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、border-radius有bug，围不住background

描述：设置了border-radius后，背景色依然会从圆角里冒出来

解决方法：在设置了border-radius的容器加上background-clip:padding-box;一定要把background样式提到background-clip样式前！！（被这个bug坑死了，花了大半天时间在近乎绝望的情况下找出了原因）

2、涉及到url中文的一定要encode，否则在有些安卓系统下会有奇怪的bug

3、做圆形头像的时候我一般是在父容器加50%的圆角，里面的img宽高100%，但在不少机子下会出现下面情况：

有图片的小部分被切掉的感觉，解决办法是改为img设置50%圆角，父容器不加。

不断补充中…

转载于:https://www.cnblogs.com/cos2004/p/4017569.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。