HTML 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;”> 在一定程度上保证了跨平台的设备兼容的健壮性