在ios7的safari中,如果设置body高度为100%,实际显示的时候由于有标签栏的存在,页面底部大概有60px会显示不出来。解决办法:

?View Code JAVASCRIPT
<script type="text/javascript"> 
    if (navigator.userAgent.match(/iPad;.*CPU.*OS 7_\d/i)) {
    $('#yourDivID').height(window.innerHeight);
    window.scrollTo(0, 0);
}
</script>

这个方案在遇到页面中有输入时会出现问题,表现为在页面输入区域打开软键盘再关闭之后,页面会自动向上移动一段距离,导致底部有60px的空白。

http://stackoverflow.com/questions/18855642/ios-7-css-html-height-100-692px
Published in JavaScript
Tags:

No Responses to “解决ios7中safari高度100%的网页显示不全的问题”

Leave a Reply

请输入算式结果(看不清请点击图片)
(必须)