如何理解移动端设计稿的计算问题（移动端屏幕适配px转rem）
背景解决方法新的问题对应的解决方法后续【重点】背景
当编写前端页面代码的时候，ui给你设计好的图，设计稿的宽度一般是750，设计的像素大小也是750px，但是你的手机屏幕宽度只有375（iphone6的宽度，现在一般都是以ipone6为标准的），那么如果不适配的话，全部显示在你手机里的就是750px，一个单位宽度里面本来存放一个像素，现在要存放两个像素，那么字体就会缩小为原来的一半，从而影响页面，那么我们就需要进行转换
解决方法
我们只需要通过除法，375个宽度单位的手机，就给他375个单位的像素即可：
手机需要的像素/设计稿的像素 = 手机的宽度/设计稿的宽度这个例子就是：
手机需要的像素/750px = 375 / 750最后得到：手机需要的像素为375px（当然，你的手机宽度要是400，那么计算的结果就是需要400个像素）
新的问题
但是，我们在编写代码的时候，总不能每次都计算这个比例来进行适配吧，比如我们需要按照设计稿，我们需要需要100px，但是按照比例，我们得在心里计算一下，手机需要的像素/100px = 375/750（我在这里按照这个等式计算是因为里面的数据都是会变的，你下次需要的可能是90px，你的屏幕也可能是400，设计稿也可能不是750），结果等于50px，我们写在代码中的就应该是50px，是不是超级麻烦
对应的解决方法
我们有了这个等式，就可以固定得到一个比例，那我们就将需要的像素设置为100px这个特殊的值，然后获得50px，我们就将50px存下来，设置为1rem（根元素的相对单位），以后针对设计稿上的100px，我们就用1rem表示，当然，你要是需要200px，那就写2rem即可
后续【重点】
读完这篇文章，你就可以很好的理解移动端设计稿的计算了，由于别人都写的很好，就直接挂个链接了：
移动端设计稿的计算
