视口viewport和度量iewport

以下是观看视频的笔记：

http://www.imooc.com/video/9566/0

一个网页被用在手机浏览器观看时，都会做两件事：

第一，把内容放在960px的网页上；

第二，将该网页进行缩放。

这样做的目的是让pc端的网页在移动端排版正确，而且能看到整个网页

该960px的网页就称为视口viewport

缩放后的网页成为度量viewport

我们可以用document.body.clientWidth查看视口viewport

用window.innerWidth查看度量viewport

window.innerWidth/document.body.clientWidth查看缩放比

这样980px的viewport 是不适合的

meta标签用来改造viewport

让布局viewport等于设备宽度

让缩放比等于一，从而三者相等。