It is recommended to use rem to layout according to the font-size set in HTML. If the width sent upstairs is not that wide or narrower than it, the user will not be able to see the full screen or swipe to see the current one-screen interface.
It is recommended to use rem layout, set font-size on the root element, and then perform conversion based on the font-size according to the proportion of the design drawing.
I always write like this. The advantage is that it is easier to write weird pages. The disadvantage is that I have found that the text on the page displays in different sizes on different mobile phones
And it is best to define the screen width in conjunction with js for better compatibility
Of course there are problems. The width of the design draft is generally enlarged by 2 times. If the requirements are not high, it is generally sufficient to reduce the size. If there are many compatible machines, it is recommended to use rem. Dynamically set dpr and font-size for different machines, and then restore the design draft. For details, refer to Solutions from Taobao flexbox or NetEase
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
It is recommended to use rem to layout according to the font-size set in HTML. If the width sent upstairs is not that wide or narrower than it, the user will not be able to see the full screen or swipe to see the current one-screen interface.
It is recommended to use rem layout, set font-size on the root element, and then perform conversion based on the font-size according to the proportion of the design drawing.
There is no benefit in hard-coding the size, and the display effect is not good on a large screen
I always write like this. The advantage is that it is easier to write weird pages. The disadvantage is that I have found that the text on the page displays in different sizes on different mobile phones
And it is best to define the screen width in conjunction with js for better compatibility
Of course there are problems. The width of the design draft is generally enlarged by 2 times. If the requirements are not high, it is generally sufficient to reduce the size. If there are many compatible machines, it is recommended to use rem. Dynamically set dpr and font-size for different machines, and then restore the design draft. For details, refer to Solutions from Taobao flexbox or NetEase