css - 手机网站比例设计中像素和宽度如何理解?

各位大神好,最近看到设计手机网站页面规范的时候,发现一个问题,以苹果iphone6为例,
在chorme上,显示是375667,实际上我设置图片为375px,确实是显示充满了屏幕宽度的,但是我又看到网上一些大神说好的设计(可能是图片?)是640 1136px,我很费解,如果设置成640的话,不是会超过375宽度的苹果了吗.
所以我有几个问题,恳请各位大神能指教一二:
到底这个iphone 6的375667和设计的6401136有什么关系?到底怎么运用这些数据?
到底应该如何设计网页宽高?一般默认640px,然后再来分配合适的宽度给各p吗?

补充一张图:

这里我就不是很明白为什么要按照640 960,选这么大怎么放图?手机尺寸不是375 640吗?