现代框架React/Vue已经对移动端适配良好了，本文主要介绍一些技巧的汇总。

Viewport

适配移动端的第一步就是设置viewport，否则网页就会看起来像是桌面网页。

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

Safari 超出滚动

在移动端 Safari 浏览器上，网页会自带超出滚动时候回弹，甚至连左右滚动都会回弹，正确的禁用方式为：

html {
    overscroll-behavior: none;
}

这样会更接近 App 的体验，缺点是下拉刷新也同时被禁用了。 当然，你完全可以只禁用 x 轴的回弹：overscroll-behavior-x: none;。