解决网页2048小游戏移动端会随着手势滚动问题

跟着imooc做了一个2048,原视频用eventDefault来解决在pc上使用方向键导致因分辨率出现滚动条滚动的问题,但把游戏放在移动端时给touchmove事件同样该语句仍然没有,最后发现只需要在body中加一句overflow:hidden.

关于overflow:hidden的作用（溢出隐藏、清除浮动、解决外边距塌陷等等）

一. overflow:hidden 溢出隐藏(2048中解决的问题)

给一个元素中设置overflow:hidden，那么该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。
一般情况下，在页面中，一般溢出后会显示省略号，比如，当一行文本超出固定宽度就隐藏超出的内容显示省略号。

二. overflow:hidden 清除浮动

由于父级元素没有高度，下面的元素会顶上去，造成页面的塌陷。因此，需要给父级加个overflow:hidden属性，这样父级的高度就随子级容器及子级内容的高度而自适应。

三. overflow:hidden 解决外边距塌陷

父级元素内部有子元素，如果给子元素添加margin-top样式，那么父级元素也会跟着下来，造成外边距塌陷