移动端设计稿和实际开发时设备分辨率的问题？

Question

看了某篇文章，说如果移动端设计稿是按640做的，那么在dpr为2.0的设备下，最好放在320*568的环境下开发(也就是640的环境下) ， 那么这是什么意思。

按640做的设计稿，不是放在640* xxx 的环境下来开发吗? 为何放在320 ， 那么是不是说明，设计稿的尺寸，代表的是设备像素， 因为设备像素 / 2 才等于320 ？

小白求大佬解惑。

Answer 1

设计用的2倍尺寸 也就是说设计用的640px是设备的物理像素而例如iPhone5，如果做移动端设置了视口width=device-width, initial-scale=1那么得到的视口的CSS像素大小是320px，即宽度是320px。