深圳全飞鸿

标题: HTML5关于meta viewport的属性说明 [打印本页]

作者: foxe5 时间: 2019-5-3 16:07
标题: HTML5关于meta viewport的属性说明
本帖最后由 foxe5 于 2019-5-3 16:10 编辑

HTML5关于meta viewport的属性说明

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放

作者: foxe5 时间: 2019-5-3 16:17
viewport 语法介绍：
<meta name="viewport"
   content="
      height = [pixel_value | device-height] ,
      width = [pixel_value | device-width ] ,
      initial-scale = float_value ,
      minimum-scale = float_value ,
      maximum-scale = float_value ,
      user-scalable = [yes | no] ,
          target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]

作者: syant 时间: 2019-5-3 19:55

原来的效果

加了之后
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,target-densitydpi=device-dpi" />

可以达到效果！

欢迎光临深圳全飞鸿 (http://www.nagomes.com/disc/)