How to design draft in rem px values were converted to the desired value

 

First of all we need is the size of value into rem

 

If the design draft image is the moving end 200px * 200px design dimensions of 640 * 750 general;

 

The first step in. The picture is divided into several parts (well you can count), each the size of a rem is a unit

Examples here 640/20 = 32rem

 

The second step. The design dimensions measured value into rem 

200/20 = 16px;

 

Therefore, the current font-size adjustment of html 16px; to

 

 

3. In various devices, we just need to set the html dynamic font - size = width of the device / 20   

 

In this way it would be finished

Reproduced in: https: //www.cnblogs.com/blankOne/p/11063214.html