关于响应式设计的移动破解点

Question

不是移动设计人员，而必须与我的一些供应商合作为我的公司制作移动网站。

他们提供的视觉设计图像有3个断点。基本上线说明网站将如何寻找320px，600px和768px以上。

现在，当我问我的供应商哪里会显示iphone 4的纵向分辨率为640，他说它会显示320个断点。他向我展示了以下网站，其中有一个名为Device-W的专栏，他说这个专栏应该在网站开发过程中使用。 http://screensiz.es/phone

现在的事情是在我去开发供应商之前，我想要一个人来帮助我理解什么是设备-W在单位术语中，以确保不会做出任何错误的决定。

Answer 1

This link should help you。

device-width指的是设备本身的宽度，换句话说就是设备的屏幕分辨率。大多数手机的设备宽度为 480像素或更低，包括流行的iPhone 4（设备宽度： 320像素），尽管它技术上具有640 x 960的分辨率。由于iPhone 4的视网膜显示屏，这是 ，它将两个设备像素分成 屏幕上的每个CSS像素。 Ipad 3也是如此;它的 报告的设备宽度是768px，就像它的前辈一样，尽管 它的实际屏幕分辨率是1536px x 2048px。一般来说，宽度为 的功能在创建响应式网页时更为灵活，但 设备宽度在您希望专门定位移动设备（而不是具有小浏览器窗口的桌面）时非常有用，因为 很少有桌面设备屏幕分辨率低于某个数字，如 为320px x 480px。