微信小程序踩坑,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 小时前
Uniapp如何下载图片到本地相册
前端·vue.js·微信小程序
阿里花盘8 小时前
美容院玩转小程序,实现预约、宣传、在线商城等功能
小程序
半开半落8 小时前
uniapp通过npm使用第三方库兼容微信小程序
微信小程序·npm·uni-app
随笔记9 小时前
HbuilderX载入项目,运行后唤起微信开发者工具,提示:Error: Fail to open IDE,唤醒不起来怎么办
javascript·微信小程序·uni-app
Lsx_9 小时前
一文读懂 Uniapp 小程序登录流程
前端·微信小程序·uni-app
從南走到北12 小时前
JAVA外卖霸王餐CPS优惠CPS平台自主发布小程序+公众号霸王餐源码
java·开发语言·小程序
2501_9151063212 小时前
iOS 抓包全流程指南,HTTPS 抓包、TCP 数据流分析与多工具协同的方法论
android·tcp/ip·ios·小程序·https·uni-app·iphone
集成显卡12 小时前
AI取名大师 | uni-app 微信小程序打包 v-bind、component 动态组件问题
人工智能·微信小程序·uni-app
千寻技术帮1 天前
50022_基于微信小程序同城维修系统
java·mysql·微信小程序·小程序·同城维修
说私域1 天前
“开源AI智能名片链动2+1模式S2B2C商城小程序”在县级市场的应用与挑战分析
人工智能·小程序·开源