1、移动端默认视口大小为980px(css像素），默认的像素比为：980/移动端宽度（iphone6为750px）；当我们直接在网页中编写移动端代码时，在980的视口下，效果是非常不好的（在移动端会变得非常小），所以我们要为移动端设置一个合适的像素比：如1个css像素=2个物理像素（或三个物理像素）

        2、我们可以通过改变视口来改变像素比，使用meta标签来设置视口。

每一款移动设备设计时，都会有一个最佳像素比，我们只需将移动端像素比设置为最佳像素比时，就会得到一个最佳效果。将像素比设置为最佳像素比的视口大小我们称为最佳视口

下面就是就是设置最佳视口：

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

注意：以后再写移动端的网页时，需要把上面这条语句写上去。