meta标签的viewport用法简单介绍

简介:

通常会用在移动端的页面设计,下面简单介绍一下它的一些相关属性的作用,需要的朋友可以做一下参考,当然还有更详细的介绍,可以自行在网络上查询,先看一段实例:

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

参数分析:

1.width-viewport的宽度。

2.height-viewport的高度。 

3.initial-scale 初始的缩放比例。

4.minimum-scale允许用户缩放到的最小比例。

5.maximum-scale 允许用户缩放到的最大比例。 

6.user-scalable 用户是否可以手动缩放。


原文发布时间为:2017-2-21

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:meta标签的viewport用法简单介绍



相关文章
|
7月前
meta常用标签总结
meta常用标签总结
36 0
|
10月前
|
前端开发 JavaScript API
css 里面的 content 属性你有注意过吗?
content 属性是用来在元素中插入内容的,它只能用在 ::before 和 ::after 这两个伪元素上,它的值可以是一个字符串,也可以是一个图片,还可以是一个计数器。
194 0
|
前端开发
CSS Content 属性 新发现
CSS Content 属性 新发现
CSS Content 属性 新发现
|
前端开发 数据建模 开发者
meta 标签中的 name 属性|学习笔记
快速学习 meta 标签中的 name 属性
449 0
|
前端开发 开发者 容器
准备-viewport-定义 |学习笔记
快速学习 准备-viewport-定义
66 0
|
移动开发 前端开发 HTML5
前端浏览器兼容 <meta name="renderer" content="webkit">
前端浏览器兼容 <meta name="renderer" content="webkit">
570 0
|
数据采集 缓存 搜索推荐
HTML中的<meta/>标签还能这么玩???【居然能搞动画】
HTML中的<meta/>标签还能这么玩???【居然能搞动画】
|
前端开发
CSS Content 属性妙用
CSS Content 属性妙用,你知道吗?
711 0
|
Web App开发 编解码 搜索推荐
常用的meta标签总结
一、什么是标签 meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
1356 0
fbh
|
Web App开发 移动开发 iOS开发
h5 meta标签大全
H5标准声明,使用 HTML5 doctype,不区分大小写 标准的 lang 属性写法 声明文档使用的字符编码 优先使用 IE 最新版本和 Chrome 页面描述 页面...
fbh
1065 0