摘要： 1、隐藏地址栏 很多文档介绍通过调用window.scrollTo(0, 1);就可以隐藏地址栏，但是通过实践发现隐藏地址栏还是真够坑爹的啊，只调用这一句话一般不会起作用，我们需要function hideBar() { setTimeout( function() { window.scrollTo(0, 1); }, 0); };但是有时候我们发现还是隐藏不了地址栏，为什么呢？大多时候是因为页面高度不够隐藏地址栏，这样我们需要先把body高度设置够搞，隐藏地址栏后再还原回来， function hideBar() { document.body.style.height = Math.ma 阅读全文

摘要： 1、Meta 之 viewport说到移动平台meta标签，那就不得不说一下viewport了，那么什么是viewport呢？ viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域 。对于传统WEB页面来说，980的宽度在iphone上显示是很正常的，也是满屏的，但对于webapp而言，可能就有点问题了，在iphone上我们的webapp在竖屏下通常宽度都是320，这时我们320页面在iphone上显示成啥效果呢？有人可能认为iPhone不是320的宽度莫，感觉应该是满屏的吧，事实呢？我们来看一下如下布局在iPhone上 阅读全文