为响应式布局而生的viewport

viewport简介

viewport的主要作用是运行开发者创建一个虚拟的窗口，并且自定义窗口的大小、缩放功能等基础属性

基本定义

viewport虚拟窗口是在meta元素中定义的，主要作用是设置web页面自适应移动设备的屏幕大小

<meta http-equiv="viewport" content="width=device-width,initial-scalable=1" />

viewport虚拟窗口下的content的属性值

1.width: 指定虚拟窗口的屏幕宽度大小
2.height: 指定虚拟窗口的屏幕高度大小
3.initial-scalable：指定初始化的缩放比例
4.maximum-scale：指定初始化缩放的最大比例
5.minimum-scale：指定初始化缩放的最小比例
6.user-scalable：指定是否允许用户手动缩放