手机端适应宽度,高度,有时估计不好解决
但是找到好的方式,能让效率事半功倍
不需要用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>