大家做手機網頁的時候，是如何使背景圖變清晰的？

我發現一個現象，如果我要一個地區，比如寬高都是200px,然後背景圖也正好是200px的話，那麼在手機上顯示會模糊，安卓和蘋果都模糊，只有當我的背景圖是超過200px,比如300px，然後用background-size:contain的方法，背景圖才會清晰，這是為什麼呢？

回複內容：

我發現一個現象，如果我要一個地區，比如寬高都是200px,然後背景圖也正好是200px的話，那麼在手機上顯示會模糊，安卓和蘋果都模糊，只有當我的背景圖是超過200px,比如300px，然後用background-size:contain的方法，背景圖才會清晰，這是為什麼呢？

建議看看這篇文章：
http://www.w3cplus.com/css/towards-retina-web.html
簡單說，一個螢幕像素會顯示4個css像素，比如iPhone 5s，device-pixel-ratio是2，螢幕寬是320px，但顯示的網頁是640px，所以要顯示320px寬的圖片就要做成640px寬才清晰。

可能是因為手機是高清屏，實際像素是2X

去網上查一下 網頁對retina屏的適配

