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或其他方法代替