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

匿名 (未验证) 提交于 2019-12-03 00:27:02

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

点击打开链接

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!