meta name="viewport" content="width=device-width,initial-scale=1.0" 解释

jsp中中的标签中发现这句话,不太明白。记录下来。

       width=device-width
可视区域的宽度,值可为数字或关键词device-width
intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
      maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。

      user-scalable:是否可对页面进行缩放,no 禁止缩放

主要作用就是为了让这个页面不论是PC端或者浏览器端都可以自适应宽度和高度。具体可以参考以下文章:

点击打开链接

你可能感兴趣的:(meta name="viewport" content="width=device-width,initial-scale=1.0" 解释)