webAPP的 meta属性
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi" />
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,target-densitydpi=medium-dpi, minimal-ui"
1、<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi" />
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
target-densitydpi:
device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。
high-dpi – 使用hdpi 作为目标 dpi。 中等像素密度和低像素密度设备相应缩小。
medium-dpi – 使用mdpi作为目标 dpi。 高像素密度设备相应放大, 像素密度设备相应缩小。 这是默认的target density.
low-dpi -使用mdpi作为目标 dpi。中等像素密度和高像素密度设备相应放大。
<value> – 指定一个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间。
可单独设置:如,<meta name="viewport" content="target-densitydpi=200" />
2、<meta name="apple-mobile-web-app-status-bar-style" content="black">
iphone的私有标签,它指定的iphone中safari顶端的状态条的样式。
默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
3、<meta name="format-detection" content="telephone=no">
告诉设备忽略将页面中的数字识别为电话号码。
4、<meta name="apple-mobile-web-app-capable" content="yes">
iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览;
作用就是删除默认的苹果工具栏和菜单栏,
ontent有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。
5、<meta name="apple-touch-fullscreen" content="yes" />
添加到主屏幕“后,全屏显示
<!--以IE8模式渲染-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
相关推荐
我们前端人员经常写html, 但是老是忽略meta 所以这里关于webap里meta标签的使用定义,这种情况下使用的含义
C# Webapp C# WebappC# WebappC# WebappC# WebappC# WebappC# Webapp
1.了解Web工程概念及与传统软件工程的区别 2.理解WebApp的概念、特点和开发过程 3.掌握WebApp的分析、设计和测试方法 4.掌握WebApp综合开发方法及课程设计过程
webapp 页面交互与布局webapp 页面交互与布局webapp 页面交互与布局webapp 页面交互与布局
idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发...
赠送jar包:jetty-webapp-9.3.19.v20170502.jar; 赠送原API文档:jetty-webapp-9.3.19.v20170502-javadoc.jar; 赠送源代码:jetty-webapp-9.3.19.v20170502-sources.jar; 赠送Maven依赖信息文件:jetty-webapp-...
Qt使用QtWebApp搭建Http服务器实现文件下载
webapp设计尺寸规范,好的规范,铸就明天的你
10个主流webapp小程序项目,是个非常好的资源,包括主流的:教育,电商,快递,外卖等;10个主流webapp小程序项目,是个非常好的资源,包括主流的:教育,电商,快递,外卖等;10个主流webapp小程序项目,是个非常好的...
智能家居控制器软件(WebApp版本)V2.0-操作手册讲述.docx智能家居控制器软件(WebApp版本)V2.0-操作手册讲述.docx智能家居控制器软件(WebApp版本)V2.0-操作手册讲述.docx智能家居控制器软件(WebApp版本)V2.0-操作手册...
通过组件方式开发webApp 整个项目的源码
CAS(Central Authentication Service) 是 Yale 大学发起的一个开源项目,据统计,大概每 10 个采用开源构建 Web SSO 的 Java 项目,就有 8 个使用 CAS 。
nexus-webapp-1.9.2.4安装文件
webkit webApp 开发技术要点总结.欢迎下载学习
项目名称 camunda BPM - webapp - webjar 项目主页 隶属组织 开源协议 仓库 Central 类库 camunda BPM - webapp - webjar 标签 javabpmnworkflowdmnbpmprocess-enginecamunda-bpm-platformcamunda-enginecmmn
Clouda是基于node.js的Webapp开发框架,在使用Clouda时需要安装node.js和MongoDB。 Clouda 是百度推出的一款面向资深开发者的WebApp开发框架。在Clouda中开发app,可以在多终端下实现数据同步、任务迁移。并且Clouda...
IntelliJ IDEA 12 配置webapp项目,IntelliJ IDEA 12 配置webapp项目,
主要用于webapp开发代码编辑,主要用于手机网页版转换成webapp
webapp 大众点评手机页面展示swiper
maven-archetype-webapp-1.0.jar,下载,如果有需要的同志可以自己下载,。