`

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

阅读更多

问题: 垂直方向和水平方向有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>

扫码查看小程序效果

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

分享到:
评论

相关推荐

    微信小程序 全屏动画滚动 (源码)

    微信小程序 全屏动画滚动 (源码)微信小程序 全屏动画滚动 (源码)微信小程序 全屏动画滚动 (源码)微信小程序 全屏动画滚动 (源码)微信小程序 全屏动画滚动 (源码)微信小程序 全屏动画滚动 (源码)微信小程序 全屏动画...

    【微信小程序-毕设期末大作业】源码电商类微信小程序

    【微信小程序-毕设期末大作业】源码电商类微信小程序 【微信小程序-毕设期末大作业】源码电商类微信小程序【微信小程序-毕设期末大作业】源码电商类微信小程序【微信小程序-毕设期末大作业】源码电商类微信小程序...

    微信小程序 商城 (源码)

    微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)...

    【微信小程序-毕设期末大作业】微信小程序源码小熊的日记.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    微信小程序 小程序官方Demo (源码)

    微信小程序 小程序官方Demo (源码)微信小程序 小程序官方Demo (源码)微信小程序 小程序官方Demo (源码)微信小程序 小程序官方Demo (源码)微信小程序 小程序官方Demo (源码)微信小程序 小程序官方Demo (源码)微信小...

    videoUI视频切换播放和全屏播放微信小程序

    `videoUI` 是一个专为微信小程序设计的视频组件库,它提供了视频切换播放和全屏播放的功能,使得开发者能够更轻松地实现丰富的视频交互体验。以下是对这个主题的详细解释。 ### 1. 微信小程序基础 微信小程序是一...

    微信小程序投票系统微信小程序云开发实现的投票微信小程序系统源码.zip

    微信小程序投票系统微信小程序云开发实现的...瀑布流展示,排名,活动发布等功能排名,活动发布等功能活动发布等功能微信小程序投票系统微信小程序云开发实现的投票微信小程序系统。瀑布流展示,排名,活动发布等功能

    微信小程序商城系统源码

    微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)...

    【微信小程序-毕设期末大作业】微信小程序源码dribbble.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    微信小程序 小程序地图定位 (源码)

    微信小程序 小程序地图定位 (源码)微信小程序 小程序地图定位 (源码)微信小程序 小程序地图定位 (源码)微信小程序 小程序地图定位 (源码)微信小程序 小程序地图定位 (源码)微信小程序 小程序地图定位 (源码)微信小...

    【微信小程序-毕设期末大作业】音乐微信小程序源码.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    【微信小程序-毕设期末大作业】记账本微信小程序源码.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    【微信小程序-毕设期末大作业】微信小程序源码leantodu.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    【微信小程序-毕设期末大作业】微信小程序源码购物车.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    微信小程序源码 全屏动画滚动(学习版)

    微信小程序源码 全屏动画滚动(学习版)微信小程序源码 全屏动画滚动(学习版)微信小程序源码 全屏动画滚动(学习版)微信小程序源码 全屏动画滚动(学习版)微信小程序源码 全屏动画滚动(学习版)微信小程序源码 全屏动画...

    【微信小程序-毕设期末大作业】电影推荐微信小程序源码.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    微信小程序 万年历 (源码)

    微信小程序 万年历 (源码)微信小程序 万年历 (源码)微信小程序 万年历 (源码)微信小程序 万年历 (源码)微信小程序 万年历 (源码)微信小程序 万年历 (源码)微信小程序 万年历 (源码)微信小程序 万年历 (源码)微信小...

    【微信小程序-毕设期末大作业】重邮微信小程序源码.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    【微信小程序-毕设期末大作业】麻将骰子:附详细教程微信小程序源码.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    【微信小程序-毕设期末大作业】小游戏-别踩白块微信小程序源码.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

Global site tag (gtag.js) - Google Analytics