android下前端開發詭異bug記錄&解決方法

一、border-radius有bug，圍不住background

描述：設置了border-radius後，背景色依然會從圓角里冒出來

解決方法：在設置了border-radius的容器加上background-clip:padding-box;必定要把background樣式提到background-clip樣式前！！（被這個bug坑死了，花了大半天時間在近乎絕望的狀況下找出了緣由）

 

二、涉及到url中文的必定要encode，不然在有些安卓系統下會有奇怪的bug

 

三、作圓形頭像的時候我通常是在父容器加50%的圓角，裏面的img寬高100%，但在很多機子下會出現下面狀況：

 有圖片的小部分被切掉的感受，解決辦法是改成img設置50%圓角，父容器不加。

 

不斷補充中…