怎么在微信小程序设置宽高百分比？
作者：往日发布时间：
小编今天给大家带来的是怎么在微信小程序设置宽高百分比?下面就和小编一起来学习一下吧，希望能够帮助到大家。
布局文件：
样式文件：
最终的效果去不是全屏：
这是为什么呢，首先要知道设置百分比是什么意思，既然是百分比，那一定要有一个参照物，那就是它的父元素
在例子中，是对根元素(类似html中的body)设置百分比，所以它的根元素是page
但page没有设置高度、宽度呀，所以这是后设置百分比就属于失效的，想让它全屏那就直接设置父元素的宽高
效果是不是出来啦
或者直接在container里写上position:absolute也会有一样的效果，因为absolute是根据已定位的父元素设置位置的，还省了特意写一个page
对于图片也是一样的
只写百分比
效果可想而知
现在加上position
最终效果：
以上就是怎么在微信小程序设置宽高百分比的全部内容了，大家都学会了吗?
复制本文链接攻略文章为游逗网所有，未经允许不得转载。
系统教程更多
相关资讯更多
- 怎么在AutoCAD中查看全部的内容？
- 别弃我2026-08-03 00:31:12
- 如何在AutoCAD中选框选图形？在AutoCAD中选框选图形的方法
- 栗子2026-08-03 00:31:10
- 如何在AutoCAD中画箭头符号？
- 对味2026-08-03 00:30:52
- 怎么在AutoCAD中绘制三维立体室内图？
- 别认怂2026-08-03 00:30:48
- 怎么给AutoCAD中的3d图形填充颜色？
- 花心症2026-08-03 00:30:42
- 如何解决AutoCAD启动很慢的问题？
- 凉人心2026-08-03 00:30:38
- QQMac版如何修改备注？QQMac版修改备注的方法
- 留井2026-08-03 00:30:35
- QQ手机版怎么取消个性签名与空间同步？
- 何必等2026-08-03 00:30:31
- 如何在AutoCAD中设置底图？AutoCAD设置底图的方法
- 阑珊2026-08-03 00:30:31
- QQ手机版如何设置井柏然字体？设置井柏然字体的方法
- 棼谷2026-08-03 00:30:28
