安卓自帶瀏覽器 position:fixed時 圖片模糊問題

    最近遇到一個問題：給一個div作position:fixed時，div裏的圖片在小米1s自帶瀏覽器裏面圖片顯示模糊了，而其它瀏覽器圖片都是清楚的（說明：已是2倍的圖片了）。代碼以下：

< div  class ="position:fixed" >
     < img  src ="xxx" >

</div> 

只要將posiiton:fixed去除時，圖片又是清晰的。通過一方排插和google，肯定該問題是andorid自帶瀏覽器bug，在position:fixed同時對圖片作縮放處理的時候就會出現這個問題。

解決方案

• 放棄使用position:fixed實現方式【預計仍是比較困難的】
• 不縮放圖片【更難了】
• 給圖片添加如下css樣式：
• img {
      -webkit-transform:  scale(1) rotate(0) translate3d(0,0,0);
      transform:  scale(1) rotate(0) translate3d(0,0,0);
  
  }  

    文章同步連接