移动端自适应 viewpoint 相关

刘先森
  • 150

图片描述

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

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

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

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

回复
阅读 4.5k
3 个回答
spencerht
  • 7.8k

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

MrIsaac
  • 324

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏