首页 > 微信 > 详细

微信小程序样式wxss各种问题总结(不断更新)

时间:2019-11-13 19:03:55      阅读:186      评论:0      收藏:0      [点我收藏+]

1)加入其它样式文件

@import ‘/css/dialog.wxss‘;  //注意:必须结尾用分号

 

2)隐藏滚动条

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none; //加此代码可解决IOS上显示的问题
}

 

3)元素等宽

  屏幕宽度共为750rpx。假设不用flex布局,当若干元素需要等间距的摆放在一行,元素宽度和间距如下:

  三等分:x口x口x口x ,公式:4x+3口=750。当间距x为30rpx时,元素宽为210rpx

  四等分:x口x口x口x口x ,公式:5x+4口=750。当间距x为30rpx时,元素宽为150rpx

  五等分:x口x口x口x口x口x,公式:6x+5口=750。当间距x为30rpx时,元素宽为114rpx

  六等分:x口x口x口x口x口x口x,公式:7x+6口=750。当间距x为30rpx时,元素宽为90rpx

 

4)

 

微信小程序样式wxss各种问题总结(不断更新)

原文:https://www.cnblogs.com/kandyvip/p/11851390.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!