Html 响应性web设计断点？为什么设计为1280、1024、640？

我在Photoshop中收到了三种不同分辨率的网站布局：1280、1024和640像素宽。由于我在RWD方面的经验有点有限，我想更好地理解网页设计师应该如何考虑大小断点、流动性等（在撰写本文时）

我在本项目中提出的具体问题如下：

既然这个项目是一个典型的公司网站，为什么设计师会选择这三种解决方案呢

一般来说，这些解决方案是最优的还是我应该要求其他解决方案？
（1024768320不是更有意义吗？或者我应该寻找“自然断点而不是规范断点”）

我应该如何考虑在iPhone3（@320px）和iPhone4（@640px）上实现640布局

---

感谢您的帮助。

他们可能针对宽屏桌面、桌面和横向手机格式。请参阅：

（我当然希望1024宽的设计实际上不是1024像素宽。）

这些似乎是更常见的横向分辨率，1280是桌面的宽屏版本，1024是普通的桌面/景观平板电脑，640是移动的横向分辨率。不过，就我个人而言，我还没有看到响应框架的精确分辨率

---

我会给你2个很酷的响应框架作为参考。运行在3个基本级别：960px+（桌面）、768px（平板电脑）和感谢Brian。好的，那么关于3）我应该设计320像素并提供更高分辨率的图像？不要“设计”320像素，而是“移动”。基本上，所有东西的宽度都“低于480px”“应该开始使用单列、100%宽度的样式（这样，如果需要，它甚至可以在240下工作）。但对视网膜来说，你可以使用另一组分辨率为2倍的图像。Retina.js可以帮你一点忙-