本文来源于阿里云-云栖社区,原文点击这里。
问题
weex为前端赋予了强大的跨端开发能力和较一致的良好的用户体验。weex一般是与native进行协作开发:
- 同app内不同页面用两者分别开发,统一串联
- 同页面两者协作开发,比如native提供组件,weex使用
由于native布局一般采用定高不定宽的方式,以求不同尺寸的屏幕可以得到基本一致的布局体验,然而weex布局采用基于750的等比例缩放,这种不一致导致的问题:
- 同一元素在不同屏幕的尺寸展现不一致,大屏手机尺寸偏大,小屏手机尺寸偏小
- 与native尺寸偏差较多
字号的差异也比较明显。
默认依据ip6尺寸布局,惨不忍睹的现场直击...
- 红框部分的滑动组件是native的,而背景容器是weex布局的,由于weex等比例缩放,而native使用pt,导致iphone 5s native组件溢出,而iphone 6p组件相比于容器过小。