已知现在在手机浏览器上打开H5页面，页面的宽度不是手机屏幕的分辨率了。
比如：iPhone5的显示宽度时320px，iPhone6的页面显示宽度为375px……等等
那么是否就代表，几乎所有的素材只需要按照设备像素比缩放来的尺寸制作就行了。
但是我看过很多H5页面，很多图标、都是做的两倍大，只是通过前端样式控制为一倍。
这是为什么，因为两倍的图片缩小成一倍显示会更清晰吗？
但是我用一倍尺寸的图片替代也基本保证了清晰，只要开始用PS做图片时保证边缘清晰就可以了（不要用PS直接ctrl+t缩放像素图，不然细节会糊）。
用两倍是考虑到retina显示屏，因为retina显示屏是普通屏的两倍~
我们一般设计稿的尺寸是按640设计的~
参考这个iPhone 6 / 6 Plus 出现后，如何改进工作流以实现一份设计稿支持多个尺寸？
设计一般都是640,你可以用js做个屏幕自适应