【微信小程序】小程序开发——解决布局时被不定长度的文本宽高挤压布局

问题

标红布局的宽度变化挤压了前面的头像

两种解决方法：

1. 可以将头像设置min-width
2. 可以将可变长度布局(例如文本等)设置max-width

 

头像 css 

.head-icon{
  width: 150rpx;
  height: 150rpx;
  min-width: 150rpx;
  min-height: 150rpx;
}