移动端开发之meta标签的设置

移动端开发之meta标签的设置

HTML中<meta>标签内的信息不会显示在页面中,定义<meta>标签的主要目的是因为它对机器是可读的。

<meta>标签有很多功能,它可以定义文档中的关键字,也可以对文档进行描述,还可以配合自身的属性设置网页的过期时间等等。

当我们定义了页面的关键字或者描述信息后,搜索引擎蜘蛛(也就是常说的网络爬虫)就可以利用它们来搜索这个页面的信息

当然<meta>标签的设置在我们移动端开发中也是必不可少的一步!

<meta>语法

<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">

<meta>属性

[

移动端<meta>最标准的viewport设置

  • 视口宽度和设备保持一致
  • 视口的默认缩放比例1.0
  • 不允许用户自行缩放
  • 最大允许的缩放比例1.0
  • 最小允许的缩放比例1.0

猜你喜欢

转载自blog.csdn.net/XVJINHUA954/article/details/112588492
今日推荐