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

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%圆角，父容器不加。

 

不断补充中…