如果你的网页想要能够 自适应 、根据不用屏幕的尺寸，能够自动伸缩。那么就必须在 html 的 meta 元素，定义 viewport 声明。
<!-- viewport 实例 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<!-- viewport 参数含义 -->
<!-- width=device-width | 页面大小屏幕等宽 -->
<!-- initial-scale=1.0 | 初始缩放比例 -->
<!-- minimum-scale=1.0 | 允许缩放的最小比例 -->
<!-- maximum-scale=1.0 | 允许缩放的最大比例 -->
<!-- user-scalable=no | 能否缩放 -->viewport的参数和概念还有很多很多，但是最需要记住的核心重点就是，如果你想设计一个能够自适应的网页，首先第一步，请复制上面这句代码，粘贴进去。