微信小程序踩坑,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模式真的恶心,

相关推荐
服务端技术栈2 小时前
历时 1 个多月,我的第一个微信小程序「图片转 Excel」终于上线了!
前端·后端·微信小程序
2501_915921433 小时前
小团队如何高效完成 uni-app iOS 上架,从分工到工具组合的实战经验
android·ios·小程序·uni-app·cocoa·iphone·webview
2501_916008894 小时前
uni-app iOS 文件管理与 itools 配合实战,多工具协作的完整流程
android·ios·小程序·https·uni-app·iphone·webview
!win !5 小时前
uni-app项目Tabbar实现切换icon动效
小程序·uni-app
宋辰月5 小时前
微信小程序-day4
微信小程序·小程序
2501_916007476 小时前
uni-app iOS 文件调试常见问题与解决方案:结合 itools、克魔、iMazing 的实战经验
android·ios·小程序·https·uni-app·iphone·webview
^Rocky6 小时前
微信小程序(uniapp)实现连接蓝牙
微信小程序·uni-app·蓝牙连接
weixin_lynhgworld6 小时前
短剧小程序系统开发:构建影视生态新格局
小程序·短剧
2501_9159184113 小时前
uni-app 项目 iOS 上架踩坑经验总结 从证书到审核的避坑指南
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者813 小时前
iOS 上架 uni-app 流程全解析,从打包到发布的完整实践
android·ios·小程序·https·uni-app·iphone·webview