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


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

扫码查看小程序效果

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM