美文网首页
微信小程序样式问题

微信小程序样式问题

作者: 海豚先生的博客 | 来源:发表于2020-04-23 21:08 被阅读0次
  • button 去掉边框使用::after{border:none}
  • 英文和数字下不换行:wxss=>word-break:break-all;
  • ios 手机上:设置页面底部最后一个元素的margin-bottom不起作用,可以换成padding-bottom或者给page设置padding-bottom
  • 多用wx:if或者hidden控制元素显示隐藏,少用class控制;使用wx:for时必须写wx:key即可消除警告
  • width:100%;padding:20rpx;padding右侧会溢出,使用box-sizing:border-box;或者去掉width:100%;
  • 使用定位的背景图去适应内容的高度变化
  1. 用一个标签包住内容高度变化的区域,并设置relative
  2. 如果背景图的高度大于内容高度,先移动top到设计位置,移动距离为m,然后对图片容器使用position:absolute;height:calc(100% + mpx)

相关文章

网友评论

      本文标题:微信小程序样式问题

      本文链接:https://www.haomeiwen.com/subject/vymkbctx.html