移动端页面制作是怎样达到精细的制作

Question

pc端的页面有精细到1像素的要求。但手机端页面怎样得到高精细的程度。
我使用的是media rem 布局，设计稿640px。

html{font-size:20px;}
@media only screen and (max-width:440px) {
    html { font-size: 18px; }}
@media only screen and (max-width:400px) {
    html { font-size: 17px; }}
@media only screen and (max-width:360px) {
    html { font-size: 16px; }}

我的方法是不同区间给他设置不同的值。只要看着正常就好了
但领导要的是把设计稿放在手机上的效果（psd变jpg在手机上100%的效果）。
这样的效果我该如何去做呢？（这种比例我该如何去设置）

Answer 1

使用rem，配合js计算屏幕宽度，设置html 字体大小；

Answer 2

除非测试机与psd宽高、像素比一致，切换算后的rem能够被整除，否则不可能100%贴合
即便是pc端，文字也不可能100%与设计图一致；

Answer 3

你可以看看这个，并使用淘宝开发的前端移动，它可以直接将px转化为rem，实现不同终端的自适用