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

Question

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

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

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

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

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

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

Answer 1

首先，<meta name="viewport" content="width=750px,user-scalable=yes">，并不是所有设备都是750的，所以要根据设备宽度来，width=device-width。如果使用px开发移动端的，那元素大小都是一样的，并不能做到适配。

Answer 2

一般设置可以设置为
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比例布局