标签

一、什么是viewport？

    手机浏览器是把每个页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中，用户可以通过平移和缩放来看网页的不同部分。

二、viewport基础知识

    一个常用的针对移动网页优化过的页面的viewport meta标签如下：

    

    对于content里的属性解释如下：

    width：控制viewport的大小，可以指定一个数值（如600）或特殊的值（device-width为设备的宽度）

    height：和width相同，指定高度

    initial-scale：初始缩放比例，也即是当页面第一次load时的缩放比例

    maximum-scale：允许用户缩放到的最大比例

    user-scalable：用户是否可以手动缩放

转载于:https://my.oschina.net/u/1991426/blog/307323