What is the problem of device resolution in mobile design draft and actual development?

read an article and said that if the mobile design draft is made according to 640, then on a device with a dpr of 2.0, it is best to develop it in an environment of 3200,568 (that is, 640s). What does that mean?

the design draft made according to 640 is not developed under the environment of 640 * xxx? Why is it placed at 320, so does it mean that the size of the design draft represents the device pixel, because the device pixel / 2 is equal to 320?

Xiaobai asks the boss to solve the problem.

Mar.11,2021

twice the size of the design, that is to say, the 640px is the physical pixel of the device

.

and for example, iPhone5 , if the viewport width=device-width, initial-scale=1 is set on the mobile side, then the CSS pixel size of the resulting viewport is 320px , that is, the width is 320px.

Menu