浅谈移动端视口标签

< meta> 标签提供关于 HTML 文档的元数据。它不会显示在页面上,对于机器是可读的。可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。

一般视口标签完整写法:
<meta name=“viewport” content=“width=device-width”,initial-scale=1, maximum-scale=1,user-scable=no/>

各标签意义
name=“viewport” 视口标签属性
width=device-width 视口宽度为设备宽度
user-scalable=no/0 不允许用户缩放页面
user-scalable=1 允许用户缩放页面
initial-scale=1.0 初始页面缩放倍数
maximum-scale=1.0 最大缩放倍数
minimum-scale=1.0 最小缩放倍数

viewport特性是一个移动专属的Meta值,用于定义视口的各种行为。该特性最先由Apple引入,因为早期手机屏幕太小,用户并不能很好地通过手机等设备访问网页。

猜你喜欢

转载自blog.csdn.net/ljyahaha/article/details/113662551