图片自适应高度的问题

手机端适应宽度,高度,有时估计不好解决

但是找到好的方式,能让效率事半功倍

不需要用js控制

此栗子中的按钮,举一反三

整个psd宽度为750,按钮宽为280,高度69(不用考虑)宽度占37%,所以定位:

header{

  position:relative;

}

a{

  position:absolute;

  display:block;

  width:37%;

  left:50%;

  bottom:0;

  margin-left:-18.5%;

  高度不要设置,利用父元素依据内容定高度的方式

}

a img{

  display:block;

  width:100%;

  高度不要设置,利用auto

}

html结构

  <header>

      <a href=""><img src=""></a>

  </header>

相关文章:

  • 2021-08-12
  • 2021-10-02
  • 2022-12-23
  • 2022-12-23
  • 2021-11-05
  • 2021-04-13
  • 2022-02-07
  • 2022-02-13
猜你喜欢
  • 2021-05-24
  • 2022-12-23
  • 2021-09-03
  • 2022-12-23
  • 2021-06-02
  • 2021-12-12
  • 2022-12-23
相关资源
相似解决方案