假设html结构为：
<div class="wrapper">
<ul>
<li>图1</li>
<li>图2</li>
<li>图3</li>
</ul>
</div>
css设置每个图片的宽度，假设为7rem;
则ul的宽度要大于7*li的个数即可。
外层wrapper的样式加上：
display: -webkit-box;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
这样可以水平滑动，但是上下滑动时也有位移。最后使用了一个插件，解决了这个问题。
