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