微信小程序样式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)

 

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

上一篇:小程序开发:四 (window) 全局设置小程序的状态栏、导航条、标题、窗口背景色。


下一篇:while循环写的猜年龄小程序