响应式网页设计断点？为什么设计为1280,1024,640？

Question

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

我的具体问题，从这个项目而产生的：

1. 为什么设计师与这3个决议去，因为该项目是一个典型的公司网站？
2. 一般来说，这些决议是最佳的，还是我应该问我们其他人？
   （难道1024，768，320更有意义？也许我应该寻找，而不是规范的“自然断点？）
3. 我应该如何思考关于iPhone 3实施640布局？。（@ 320像素）和4（@ 640像素）

感谢所有帮助

Answer 1

1. 这些似乎是较常见的景观决议，1280是一个宽版的桌面，1024是普通台式机/景观平板电脑，以及640是景观为移动。就个人而言，我还没有看到这些响应式框架的确切解决方案。

2. 我会给你2个很酷的响应式框架作为参考。 Skeleton运行在3个基本级别：960像素+（桌面），768像素（平板电脑）和< 480像素（移动）。我认为这些解决方案是非常好的解决方案，特别是如果您是新手，并且仍然习惯于使用像素。或者，您可以使用Goldilocks approach，它使用相同的原理（桌面，平板电脑，移动设备），但使用ems而不是像素，并且设计时考虑了移动优先（如从小版本开始设计，以及为桌面添加“额外的东西”）。对于酷的文章和响应式的东西，我也鼓励检查出This is Responsive blog。

3. iPhone设计很特别。不要将它们视为不同的解决方案。在最薄的状态下（人像，但即使在风景中也是一样的状态），您正在使用320x480（较旧的型号）。上述框架以移动状态为目标。使用视网膜的模型基本上可以用同样的“分辨率”工作，但是每个像素对于您习惯看到的高清晰度都是双倍的。您的设计主要关注的是视网膜图像。至于那，this SmashingMag article应该清理一下！

Answer 2

他们很可能瞄准广阔的桌面，桌面和景观手机格式参见：http://astronautweb.co/2012/01/responsive-web-design-four-states/

（我肯定希望1024-W IDE的设计实际上并不是1024像素宽。）