视口标签

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" id="viewport" />

width=device-width         声明实际宽度为设备的宽度

initial-scale=1.0                初始化的缩放大小，1.0不进行任何的缩放

minimum-scale=1.0          允许用户缩放的倍数，1.0不允许缩小

maximum-scale=1.0         允许用户放大的倍数，1.0 不允许放大

user-scalable=no              是否允许用户缩放，no不允许用户缩放

检测宽度：

手机端检测结果为980，这个宽度不是设备的实际的宽度；这个宽度是手机厂商在出场的时候，所设置的默认宽度；这个宽度不能作为网页设计中的实际宽度；我们需要根据设备的设计宽度来进行相应的操作；

乔布斯给我们提出了这样一个概念，视口宽度，这个宽度才是我们所需要的实际宽度；通过这个视口宽度引申出了一个标签 ，叫做视口标签，它所得出结果才是设备的实际宽度；当前一切手机端的效果都需要用到视口标签；