资讯精选 | Weex布局尺寸通用适配方案的研究

本文来源于阿里云-云栖社区，原文点击这里。

问题

weex为前端赋予了强大的跨端开发能力和较一致的良好的用户体验。weex一般是与native进行协作开发:

1. 同app内不同页面用两者分别开发，统一串联
2. 同页面两者协作开发，比如native提供组件，weex使用

由于native布局一般采用定高不定宽的方式，以求不同尺寸的屏幕可以得到基本一致的布局体验，然而weex布局采用基于750的等比例缩放，这种不一致导致的问题：

1. 同一元素在不同屏幕的尺寸展现不一致，大屏手机尺寸偏大，小屏手机尺寸偏小
2. 与native尺寸偏差较多

字号的差异也比较明显。

默认依据ip6尺寸布局，惨不忍睹的现场直击...

• 红框部分的滑动组件是native的，而背景容器是weex布局的，由于weex等比例缩放，而native使用pt，导致iphone 5s native组件溢出，而iphone 6p组件相比于容器过小。
  

>>>展开全文