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

环境: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上,界面一拉大,扑面而来一股粗糙之感,。。。。。不能忍啊。。

我们想对我们的元素在不同的屏幕上限定死大小,请问有什么好的办法?


叮当猫咪
浏览 1111回答 2
2回答

慕尼黑8549860

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