- meta 表示“变化”“变换”之义
- viewport 表示“视口,视窗”,如在电脑上,只有一个视口(Viewport):浏览器窗口。
- scale 表示“比例;按比例决定”
- scalable 表示“可伸缩的;可拓展的”
在开发移动设备网站时,最常见的一个动作就是将下面一行代码添加到head
标签中:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
该meta标签的作用是让当前的viewport的宽度和设备宽度保持一致,且最大可伸缩范围和初始值是一样的,也就是说用户不能手动缩放。
通常前者是常用的,而后者则是根据用户需求来做的。一般最常用的写法如下:
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
网友评论