h5适配华为手机_手机端h5适配<mete>标签

使用viewport meta标签可以提升页面在设备上的表现效果，典型地，你可以设置视口(viewport)的宽度和初始缩放比例。

举个例子来说，如果页面的宽度小于980px，你可以设置视口的宽度以适应页面。如果你正在开发一款Web应用，你应该设置视口的宽度为设备的宽度。

表 1 描述了viewport meta标签支持的属性以及它们的默认值。当有多个属性时，应该使用逗号分隔赋值表达式。设置多个属性时请遵循以下规则：

不要使用分号作为分隔符。

空格也可以作为分隔符，但最好使用逗号。

对于属性值是数字的属性，如果属性值包含了非数字字符但是以数字开头，那么只有数字的部分被当做属性值。例如，1.0x等价于1.0，123x456等价于123。如果参数不以数字开头，则属性值为0。

当要用到设备的尺寸数据时，你可以使用表2中的常量替代数字值。例如，使用device-width替代320(宽度)，用device-height替代480(高度)。

你不需要设置每一个属性，未设置的属性会自动采用默认值。

设置视口的宽度为设备的宽度：

设置初始缩放比例为1.0：

设置初始缩放比例，同时禁止用户缩放。

设置视口的宽度为设备的宽度，最大与最小缩放比例，禁止用户缩放(常用)