How do you compare the following mobile layout practices?

emmm, if the question is a little stupid, please forgive me.

condition: assume that the size of the design drawing is 750px

1. Use flexible layout to calculate the size of each element relative to the design drawing.
the whole page is adaptable and changes with the screen size of mobile devices, and the design draft is fully restored

2. Isn"t it adaptive to set < meta name= "viewport" content= "width=750px,user-scalable=yes" >
? How is it worse than the first method?

3. Nothing is no different from PC development. Is it not applicable to use px as a unit because of poor adaptability?

what is the most commonly used adaptation scheme?

Css Mobile Mobile-web Front-end

Mar.30,2022

The

general settings can be set to
1, < meta name= "viewport" content= "width=device-width,viewport-fit=cover, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" >
2. If the layout is common, rem is generally used for all layouts. If the rem layout is adjusted globally relative to the body master setting,
3, or use vm or vh proportional layout

first. < meta name= "viewport" content= "width=750px,user-scalable=yes" >, not all devices are 750th, so it depends on the width of the device, width=device-width. If you use px to develop mobile, the elements are all the same size, and can not be adapted.

Previous: Display: how to solve the problem that the last two div are not aligned to the left when flex is laid out?

Next: Selection of Mini Program Development Framework