如果一张设计稿是640x1136,设计稿里的字体大小分别是18px,24px,33px。那么落实到前端写代码的时候，应该用多少px呢?如果用18px,24px,33px的话，在手机上看，会显得很大额。
看起来是 iPhone 5 的分辨率，那么需要一次逻辑分辨率的转换。
iPhone 5 的逻辑分辨率为 320 X 568，所以如果需要像素级还原，需要将设计的设计稿缩放为 320 X 568，然后再按照缩放后的尺寸进行开发，可以直接写像素尺寸。
如果不想在样式表中用像素的话，比如用 rem，那么只需要在样式表预处理语言中定义一个 $rootFontSize，然后将 $rootFontSize 设置在 html 标签上，之后所有的尺寸都可以使用 (逻辑分辨率设计稿上的尺寸 / $rootFontSize)rem，一般通过定义一个函数进行，比如：
$rootFontSize = 12px
size(px)
(px / $rootFontSize)rem
html
font-size: $rootFontSize
.something-is-200px-in-design
width: size(200px)