微信小程序样式问题集锦

1. 使用 radio 组件时修改宽高无法改变图标的大小

.radio{
  transform: scale(0.6);
}

左侧为正常，右侧为缩小后的radio.png

还有一种解决方案：不使用radio，让美术切两张图片，切换事件更换图片来实现。

2. 文本超出部分隐藏并显示省略号

  /* 单行文本 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  /* 多行文本 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;  //最多显示两行，超出则隐藏显示并省略号
  overflow: hidden;