移动端自适应 viewpoint 相关

Question

如上图，我动态改变缩放比例，固定宽度，然后我在项目中直接用px处理，

遇到的问题： 用到一些ui框架，他用的也是px但是 因为我的 viewpoint 缩小了 导致 ui组件都变小了

注：我也知道用rem布局，(这个缩放肯定是1)，

我就是想知道用上面的方式，怎么做到别的ui组件可以不变小

Answer 1

暂时能想到的办法可能是用transform:scale把UI组件放大回去。。
虽然我觉得最后效果应该不会好。。

Answer 2

你说的UI框架<meta name="viewport" content=这些是不是动态的哦，有些UI框架是动态的，或者可能UI框架中的<meta name=”viewport” content=”width=device-width
, initial-scale=1, maximum-scale=1″>

Answer 3

首先每一种适配方案都有其适配场景，你这个本来就是非主流的方案，一般都是在那种滚屏宣传页之类的看到类似这种方法，个人觉得不适合做常规页面。
你既然用了这种适配方法和别人的框架不统一自然要做相应的定制。
你这方案相当于是把720设计图的东西，通过缩放显示在任意尺寸的布局里。引入框架按你所说应该是以px为单位了，720宽可以理解为2倍设计稿，那么你把框架里面所以的px数值都翻一倍再微调即可。当然也可以把720修改为360，这种就是对你自己的代码做调整。