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

2023-11-01 14:53:04

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）

码农公寓