咪噜游戏 |手游库 |手机版 |网站地图
所在位置：首页 > 资讯教程 > 软件教程 > 详情

怎么在微信小程序设置宽高百分比？

文章来源：网络作者：往日发布时间：2026-08-19 06:43:13

  小编今天给大家带来的是怎么在微信小程序设置宽高百分比?下面就和小编一起来学习一下吧，希望能够帮助到大家。

  布局文件：

  样式文件：

  最终的效果去不是全屏：

  这是为什么呢，首先要知道设置百分比是什么意思，既然是百分比，那一定要有一个参照物，那就是它的父元素

  在例子中，是对根元素(类似html中的body)设置百分比，所以它的根元素是page

  但page没有设置高度、宽度呀，所以这是后设置百分比就属于失效的，想让它全屏那就直接设置父元素的宽高

  效果是不是出来啦

  或者直接在container里写上position:absolute也会有一样的效果，因为absolute是根据已定位的父元素设置位置的，还省了特意写一个page

  对于图片也是一样的

  只写百分比

  效果可想而知

  现在加上position

  最终效果：

  以上就是怎么在微信小程序设置宽高百分比的全部内容了，大家都学会了吗?

GM盒子下载
GM盒子下载

福利：免费送首充,上线送VIP,免费领元宝和代金券 大小： 55M

玩法：GM特权送VIP

游戏查看

上一篇：

下一篇：

相关新闻
同类推荐
最新问答
手游新品榜
热门推荐
《逆战：未来》×张杰福利放送：杰哥联动限定枪械全员开领

《逆战：未来》张杰福利放送：杰...