网易的640设计稿和320，这两个值有问题搞不懂，希望有人帮帮我。

Question

问题介绍有点长，嘿嘿。我看了网易的rem方案：document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px';从拿到640的psd到写出页面和320都没有关系啊，为什么说640就是iphone4/5的设计稿啊。设计稿到写的页面都是按照物理像素来的，因为设计稿量了30px=0.3rem宽的一个按钮，那这里按钮宽还是物理像素算来的。然后dpr=2=物理像素/css像素，一般的手机应该都是dpr=2，这里就产生了矛盾点。我在页面写的是css像素，为什么量的30px宽的按钮在网页里面的的写的宽不是0.15rem，而是0.3rem，我写的css肯定是css像素了不是设备像素了呀。希望大神跟我解答一下

Answer 1

因为iphone5的retina屏是二倍屏，所以物理像素就是320*2=640；所以640是iPhone5的设计稿没错。

（document.documentElement.clientWidth =320=>iphone5）

然后你的网页的html的font-size也是以这个为基准去设置的话，那么设计稿上的30px自然就是0.3rem。不需要你再自己除以2，因为rem已经省下这个步骤了。反过来说，如果你不采用rem，而是直接使用px，那么需要你自己再除以2，也就是设计稿上的30，到了css这里就是15px; 设计稿是物理像素，而css的像素还需再乘以dpr；于是15*2=30。