H5 meta 单页属性
2016-11-08 00:00
10 查看
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<meta> 标签 用来表达任何其他 HTML 元相关元素 (
<base>,
<link>,
<script>,
<style>或者
<title>) 等无法表达的信息。
Viewport:
手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。
width=device-width
宽度为设备(手机)显示器宽度
initial-scale=1
初始化缩放为100%
maximum-scale=1
最大缩放为100% ——不能放大
minimum-scale=1
最小缩放为100%——不能缩小
user-scalable=no
用户不可手动缩放
minimal-ui
移动浏览器影藏地址栏
相关文章推荐
- 【H5适配二】Meta标签中的format-detection属性及含义
- HTML里面meta name标签的属性
- HTML5中meta属性的使用
- Meta http-equiv属性详解(转)
- H5弹性盒布局的使用(父容器属性)
- Meta http-equiv属性详解(转)
- HTML5中meta属性的应用
- Html中meta标签的用法及viewport属性简介
- html的meta总结,html标签中meta属性使用介绍
- html头部meta属性大全——各种奇葩属性设置大归类
- H5基础知识第十一课时(className属性)
- H5学习笔记——CSS文本设置属性&颜色表示法
- <meta>标签属性分享
- meta标签中的http-equiv属性使用介绍
- html-meta属性
- html的meta总结,html标签中meta属性使用介绍
- Meta标签中的viewport属性及含义
- Meta标签中的format-detection属性及含义
- H5元素以及属性
- Meta标签中的viewport属性及含义