安卓內建瀏覽器 position:fixed時 圖片模糊問題

標籤：style   blog   http   io   color   os   ar   使用   for   

    最近遇到一個問題：給一個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);
  }  

    文章同步連結

安卓內建瀏覽器 position:fixed時 圖片模糊問題