欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序、html、css设置内容最小高度,超出自适应(自动延长)

程序员文章站 2022-07-14 21:26:53
...

微信小程序、html、css设置内容最小高度,超出自适应(自动延长)
微信小程序只需添加:

  min-height: 120px;
  height: auto !important;

html的话,考虑到兼容性,应用以下代码:

  min-height:120px;
  height: auto !important;
  height:120px;

!important在ie7和ff都可以读到,而且权重高于后面的height:120px;所以当在ie7和ff显示的时候,就会用了前面的 height:auto !important;
而ie6识别不了!important,auto对它也不管用,因此会应用了后面的height:120px的样式;而min-height:100px表示最小高度为120px;此属性在ie7和firefox都可以识别。