HTML meta中的viewport指令详解
来源:互联网 发布:易语言cf透视源码 编辑:程序博客网 时间:2024/06/10 20:49
在手机HTML网页源代码中经常如下的一行代码:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
这行代码是用来做什么的呢?
这就要了解什么是“viewport”了。手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤 到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。读到这里,我们可以大概知道,这行代码是用来设置网页所在“窗口”的一些属性。
那么这行代码的作用究竟是什么呢?这行代码的意思是,让viewport的宽度等于物理设备上的真实分辨率,不允许用户缩放。viewport的各个属性详解如下:
width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
height:和 width 相对应,指定高度。
initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
maximum-scale:允许用户缩放到的最大比例。
minimum-scale:允许用户缩放到的最小比例。
user-scalable:用户是否可以手动缩放
经过对viewport的了解,我们以后在写HTML网页时,特别是手机HTML页面,如果需要控制页面的大小和缩放情况,则可以使用meta的viewport指令来进行控制了。
- HTML meta中的viewport指令详解
- html meta中的viewport指令
- html meta中的viewport指令
- html meta中的viewport指令
- html meta中的viewport指令
- html meta中的viewport指令
- html meta中的viewport指令
- html meta中的viewport指令
- html meta中的viewport指令
- meta中的viewport指令
- meta中的viewport指令
- meta中的viewport指令
- meta中的viewport指令
- meta中的viewport指令
- meta中的viewport指令
- meta中的viewport指令
- html meta中的viewport
- HTML meta viewport属性详解
- 237. Delete Node in a Linked List | 删除单链表的节点
- 不错的python学习地址
- mac 关闭tomcat
- 列表分页切换无刷新
- SpringMVC@requestBody @responseBody配置要点
- HTML meta中的viewport指令详解
- java:[1,0] illegal character: \65279
- elasticsearch-索引分片和副本设置
- JAVA利用RSA加密算法的长度限制问题解决方案注意: RSA加密明文最大长度117字节,解密要求密文最大长度为128字节,所以在加密和解密的过程中需要分块进行。 RSA加密对明文的长度是有限制的,如
- Java代码优化总结
- VMware上使用Ubuntu的问题集合
- python安装
- AndroidPn客户端的使用和问题记录
- Struts 2 简介 Struts2的基本流程