HTML5移动网页的设计稿尺寸应该是多少？

已知现在在手机浏览器上打开H5页面，页面的宽度不是手机屏幕的分辨率了。
比如：iPhone5的显示宽度时320px，iPhone6的页面显示宽度为375px……等等
那么是否就代表，几乎所有的素材只需要按照设备像素比缩放来的尺寸制作就行了。
但是我看过很多H5页面，很多图标、都是做的两倍大，只是通过前端样式控制为一倍。
这是为什么，因为两倍的图片缩小成一倍显示会更清晰吗？
但是我用一倍尺寸的图片替代也基本保证了清晰，只要开始用PS做图片时保证边缘清晰就可以了（不要用PS直接ctrl+t缩放像素图，不然细节会糊）。