the design draft PC given by the sister of UI design is 500x500; the web page also shows that there is no problem on 500x500 window
but it will paste on macbookpro; the reason for this paste is that retina is a high-definition screen; the picture resolution is low, and it will be pasted when put on the high-definition screen;

solution: make high-definition pictures, but the pictures will get bigger and the request load will be slower! And when writing code, the code should also control the size of the picture display;

        1;window;
        

the MackookPro Retina screen is triple the screen? How is the triple calculated?
does the screen on window belong to double screen? I think it is, because the size of the design manuscript is the same as the value we develop and write code;
should the picture be tripled in order to adapt to the retina screen?