javascript - vux 框架怎么做页面适配？

Question

写微信页面 ，目前项目要用vux 这个框架

下面这个效果 ：两个图片的自适应应该怎么做适配？
设计稿子是按照iPhone6 做的。用vux 的框架：`<flexbox>

  <flexbox-item>
    <p style="width:50%;height:2rem;background:red">
      <img src="assets/imgs/artcil.png" alt="hih"/>
    </p>
  </flexbox-item>
  <flexbox-item>
    <p style="width:50%;height:2rem;background:red">
      <img src="assets/imgs/artcil.png" alt="hih"/>
    </p>
  </flexbox-item>
</flexbox>

`
这个是我写的代码 ，以前没用过vux ,这个布局+图片的自适应应该怎么破？
求大神解答，非常感谢。