H5做頁面，設計師切圖給我2x和3x兩個版本，應該用哪個呢

1. 隨便，都按手機端來做，2x就除以2，3x就除以3。
2. 圖標盡量用矢量的，其它能用 CSS 的就不要切圖

2x是雙倍圖，3x是三倍圖，使用哪一個主要看設備的dpi是多少。

不過，一般的頁面2x的圖就夠用了。

如果有興趣的話，可以通過懶加載等方式根據(jù)設備dpi加載不同x版本的圖片。

2x的就可以了，也就是iphone6的尺寸

一般iPhone x用3x的圖片，其他都是2x的

因為h5做移動端界面，我們都會用rem單位，我個人是切@2x的圖片，如果img放在html頁面里，我們只要去設置其圖片的寬高即可，因為它自己就會自動縮放。但放在css里做背景圖的話要用background-size：50%；縮小一半。這樣的話在手機上看也不會模糊失真。至于@3x我個人也用同樣的方法試過，發(fā)現(xiàn)跟@2x差別不大，至少在手機上看不出模糊。
所以個人建議，@2x會好點，圖片小，又可以看著不模糊~

手機端2X就夠，pad要說應該換成3X的，不過要做適配，我們都是直接用3X的，懶得做適配。