微信小程序踩坑,skyline模式下,scroll-view下面的一级元素设置margin中的auto无效,具体数据有效

开发工具版本


基础库

开启skyline渲染调试

问题描述

skyline模式下,scroll-view下面的一级元素的margin写auto的值是没有效果的(二级元素margin写auto是有效果的),关闭这个模式就正常显示

演示效果图

父元素的宽度和高度效果(宽度是750rpx,宽度占满的)

一级元素宽度和css效果

二级元素的宽度和css效果

解决方法

  • 可以在scroll-view添加一个统一的一级元素来避免这个问题
  • 可以通过给margin设置具体的数值来解决
  • 可以通过给scroll-view设置padding来解决

如果有大佬知道scroll-view哪个参数设置可以解决,或者其他解决方法的,欢迎留言!

总结

想打人,这skyline模式真的恶心,

相关推荐
爱勇宝3 天前
我想认真做一件小事:让孩子和家长更好地互动
微信小程序·小程序·云开发
唯火锅不可辜负3 天前
避坑指南:iOS 下 scroll-view 嵌套 fixed 布局的“翻车”现场与修复
微信小程序
didiplus3 天前
运维人的随身神器:我把25个常用工具塞进了微信小程序
微信小程序
一份执念4 天前
uni-app 小程序分包限制处理与主包体积优化实战
前端·微信小程序
一份执念4 天前
ECharts 安装与使用完全指南:从全量引入到小程序分包优化
微信小程序·echarts
skiyee5 天前
🔥UniApp 仅需 5 行代码!实现所有页面中控制应用主题变化
前端·微信小程序
Jinkey6 天前
要用户手机号真的是为了打骚扰电话吗?浅谈微信生态会员账号体系与资产合并
后端·微信·微信小程序
用户4324281061148 天前
微信小程序从0到1接入微信支付的完整攻略
微信小程序
spmcor10 天前
微信小程序 setStorageSync 踩坑实录:别让"顺手一存"变成"隐形炸弹"
微信小程序
用户43242810611410 天前
小程序埋点设计规范:如何设计可扩展的数据采集体系
微信小程序