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

jsp中<head/>中的<meta/>标签中发现这句话，不太明白。记录下来。

<meta content="width=device-width, initial-scale=1, maximum-scale=1">

       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端或者浏览器端都可以自适应宽度和高度。具体可以参考以下文章：

点击打开链接