编程语言
首页 > 编程语言> > 微信小程序样式wxss各种问题总结(不断更新)

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

作者:互联网

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)

 

标签:间距,微信,不断更新,元素,宽为,750,公式,wxss,30rpx
来源: https://www.cnblogs.com/kandyvip/p/11851390.html