图片自适应高度的问题

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

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

不需要用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>

转载于:https://www.cnblogs.com/FineDay/p/5787565.html