weex开发中 高度设置px与原生IOS PT单位和android dp单位渲染高度有差异

Question

2张叠加图片上面是那个视图是weex页面，下面那个是原生页面；两个页面顶部搜索栏渲染不一致（都是按照UI效果图尺寸iPhone6设计稿来设置的，只有iPhone6机型没问题，其他机型有差异。）

这是CSS设置
请教下有没有什么好的解决方案

Answer 1

偶然间翻到以前的问题，感觉不是太详细，提供下我那年的解决方案给大家参考：这个是根据设备的渲染比例和实际渲染高度结合，求出要在weex页面实际设置的值（以750px为全屏的预设值）。

比如你已知要在手机实际渲染的高度为83px,然后我求出我们要预设的值，最后的计算公式就是：

   this.footHeight = 83 * 750 / weex.config.env.deviceWidth * weex.config.env.scale;

以前的项目解决方案，仅供参考。

Answer 2

同问啊，真是郁闷，都没人回答，这样开源让人很受伤

Answer 3

你也许需要动态设置weex的导航条的高度，不能直接写死。
让原生端打开weex页面时动态计算当前类型手机显示的导航条高度，weex端拿到真实像素高度后在换算成weex的单位

Answer 4

你按照750分辨率来做就可以了

Answer 5

在写 css 的时候不带单位， ui以750宽进行设计。 weex 会自动安装屏幕比例设置大小的。