为了账号安全,请及时绑定邮箱和手机立即绑定

weex屏幕适配的问题怎么解决?

weex屏幕适配的问题怎么解决?

叮当猫咪 2018-10-09 15:15:35
环境:vue,最新的sdk, 发现在iPhone plus 这些手机上,字体,高度都被拉伸了,画面非常粗燥。实际上在 github 的issue去年就有人提出来了,怎么解决?https://github.com/alibaba/we...在少于750宽度的屏幕下,字体、间距、宽度、高度变小这种问题怎么解决?在5s看到页面是变小的,在6plus又是变大的,导致app的weex页面跟原生其他页面不一致。。。var height = 88 * 750 / env.deviceWidth 这样写可以适配,但是,这样的话每个样式都需要定义一个变量,然后计算一次,这样很麻烦。有没有统一的处理?.we文件还是按正常的写多少px,然后有个预处理的公式进行统一转换?css的预处理?求助啊!https://github.com/alibaba/we...weex中的说明:In order to simplify the page design and the complete underlying implementation, the width of our default screen is unified to 750 pixels, different screens should be scaled with corresponding ratio.也就是说weex的元素在所有的屏幕中使用的放大缩小来进行屏幕适配的,源码中也有大量的同WXScreenResizeRadio的计算,所以我们现在开发的app包括官方的weex playground,在iphone5s中看起来比较精致,但一到iphone 6plus上,界面一拉大,扑面而来一股粗糙之感,。。。。。不能忍啊。。我们想对我们的元素在不同的屏幕上限定死大小,请问有什么好的办法?
查看完整描述

2 回答

?
慕尼黑8549860

TA贡献1818条经验 获得超11个赞

暂时没有什么比较好的方法,如果需要适配页面的话一般都是通过750px去动态计算,如果想在不同屏幕上限定死大小,可以自行适配,比如iphone 5s以上输出相同的像素值。
不知道看没看这个讨论,希望对你有帮助issues-421

查看完整回答
反对 回复 2018-10-21
  • 2 回答
  • 0 关注
  • 1112 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信