padding当高度用时出现的问题

<div class="wrap">
<div class="sudoku">
<div class="sdk-wrap">
<div class="sdk-item">
<div class="front-side">
<img src="houses/碧桂园十里银滩.jpg" alt="">
<p class="house-name">碧桂园·十里银滩</p>
</div>
<div class="back-side">
</div>
</div>
</div>
</div>
</div>

在响应式布局时给,用padding-top来代替高低给父元素（sdk-item）设定高时，子元素（绝对定位的front-side）内有img标签给img标签设置百分百高度（80%），在Iphone4(暂时发现)的微信中浏览器部分会以body为高度定义这个80%；

解决方法:不直接给padding-top代替高度的元素（绝对定位的front-side） 高度用height或其他方法代替