viewport Meta标签简介

　　ＨＴＭＬ　viewport Meta标签是由Apple引入的，用于iPhone上的Mobile safari，它可以告诉移动浏览器该如何准确地显示页面。如果不使用viewport Meta标签，那么浏览器就会认为网页时针对桌面浏览而构成的，因此会对显示进行缩放。

　　　　上述实例中告诉浏览器希望页面的显示宽度为设备的屏幕宽度，用户不允许在视口上缩放。在浏览没有针对移动进行优化的站点时使用缩放是很方便的事情，但在浏览面向移动的网页时通常是不需要使用缩放的，这时的缩放有时会妨碍到应用的其他功能。

下图概述了可在

viewport Meta标签的content属性中使用的各个参数及每个参数的简要说明。

考虑到这些额外的配置参数，

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0;user-scalable=0;”> 在一定程度上保证了跨平台的设备兼容的健壮性