Pixel problem of psd design draft on mobile phone

the psd given by the artist is 1080 to 1920. How to convert width, height and font when making a page?

Feb.28,2021


the design draft of the mobile phone is generally made of 1/2 of the design draft of the page. For example, if the width and height of a div design draft is 100 200, then when you write it, it is 50 100, but if it is full screen width, it is best not to write dead width, you can use a percentage to adapt. The font is basically 1/2 of the design draft, but sometimes it is a bit small. Generally, we deal with the 1/2+2px of the design draft.


Taobao has a rem.js for you to find out. Who uses it and who knows


you can take a look at Ali's Flexible.js
https://www.w3cplus.com/mobil.
, but the mobile phone design draft is usually made according to 750s

.
Menu