移动端html的overflow:hidden属性失效问题

移动端html的overflow:hidden属性失效问题

这第一次做手机端网页，在交付测试的时候发现一个问题，
就是body的宽度，我设置了overflow:hidden,在谷歌调试的时候确实是不能滑动的，但是在手机端测试的时候发现，overflow:hidden是失效的。就是说，页面是也可以左右摇晃的，延展出去的部分会被扯来扯去= =
后来查阅了一些资料，了解到这是由于移动端的web内核不同意导致的。

解决方案：
第一种：
body{position:fixed;width:100%;height:100%}
第二种：
给滚动的元素添加一个父级，设定高度，并且，overflow:auto;
第三种：
html,body{width:100%;overflow:hidden}
github源码位置：miniDemo/beer