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

点击打开链接

阅读更多
上一篇jQuery 学习
下一篇layui学习之第一篇
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭