微信小程序怎么设置垂直方向或者水平方向等分铺满全屏

问题: 垂直方向和水平方向有2个view,想让他平分铺满全屏,怎么实现?

解决办法: 有几种方法,比如style里面动态设置页面屏幕宽高的百分比,最简单的一种是直接使用vh和vw(微信提供得手机宽高)。

比如垂直方向平分铺满屏幕

<view >


    <camera device-position="front" flash="auto" binderror="error" style="width: 100%;height:85vh;"></camera>

    <!-- <button type="primary" bindtap="takePhoto">拍照</button> -->

    <view style="width: 100%; background:#ff0000;height:15vh;">

    </view>

  </view>
微信小程序怎么设置垂直方向或者水平方向等分铺满全屏微信小程序怎么设置垂直方向或者水平方向等分铺满全屏

微信小程序怎么设置垂直方向或者水平方向等分铺满全屏

转载自:在线助手 微信小程序怎么设置垂直方向或者水平方向等分铺满全屏

相关推荐