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?

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.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e99506-4750f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e99506-4750f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?