HTML 5 meta name="viewport"
来源:互联网 发布:vmware上安装ubuntu 编辑:程序博客网 时间:2024/05/19 02:30
在用HTML5开发手机应用或手机网页时,<head>部分总会有如下一段代码:
<
meta
name
=
"viewport"
content
=
"width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"
/>
什么是Viewport
手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤 到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。
width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
height:和 width 相对应,指定高度。
initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
maximum-scale:允许用户缩放到的最大比例。
minimum-scale:允许用户缩放到的最小比例。
user-scalable:用户是否可以手动缩放
- HTML 5 meta name="viewport"
- meta name="viewport"
- <meta name="viewport" >
- meta name="viewport"解释
- meta 中name="viewport" 的含义
- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content
- html-meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
- html meta viewport
- html meta中的viewport
- 在HTML中增加meta name="viewport"控制页面不随着放大缩小变形的实现方式
- 在HTML中增加meta name="viewport"控制页面不随着放大缩小变形的实现方式
- <meta name="viewport" content="width=device-width...
- <meta name="viewport" content="width=device-width
- <meta name="viewport" content="width=device-width
- <meta name="viewport" content="width=device-width...
- <meta name="viewport" content="width=device-width, ...>
- meta name="viewport" ... user-scalable=no">
- css <meta name="viewport" content="xx">
- 阿斯顿发生的发生地方
- 【大数+DP】HDU 1133——Buy the tickets(不用catalan数了)
- hibernate中one-to-one两种配置方式
- 高效开发Python扩展模块方法:用SWIG封装C/C++代码
- 2012年年度总结 2013年2月25日21:49:44
- HTML 5 meta name="viewport"
- linux 问题
- tcpdump命令详解
- Python的Distutils模块与cx_Freeze对比
- 国家基本比例尺地形图分幅和编号
- java利用jxl读写excel表格
- java文件复制最快的方法!
- Oracle 高水位线原理解析
- 《项目经验》--通过js获取前台数据向一般处理程序传递Json数据,并解析Json数据,将前台传来的Json数据写入数据库表中