关于下面几种移动端布局做法的比较问题？

Question

emmm，如果问题蠢了一点，还请多包涵~

条件：假设设计图的尺寸为750px

1、使用flexible布局，计算各个元素相对于设计图的尺寸设置大小
整个页面自适应性很好，随着移动设备屏幕尺寸变化而变化，完全复原设计稿

2、设置<meta name="viewport" content="width=750px,user-scalable=yes">
这样不也是自适应吗？比第1种办法差在哪里？

3、啥也不用，就和PC端开发没什么区别，使用px作为单位，这种做法是不是因为自适应差，所以不适用呢？

请问大家最常用的是什么适配方案？

Answer 1

一般设置可以设置为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、布局通用的话一般会使用rem来全部布局，rem布局相对于body主设置来全局调整的，3、或者使用vm或者vh比例布局