美文网首页
meta标签和ipone下启动画面的link标签随笔

meta标签和ipone下启动画面的link标签随笔

作者: 伍超波 | 来源:发表于2017-09-01 16:21 被阅读0次
<!-- 设置语言 -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<!-- 删除默认的苹果工具栏和菜单栏,设置Web应用是否以全屏模式运行 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 开启对web app程序的支持 -->
<meta name="apple-touch-fullscreen" content="yes">
<!-- 启动或禁用自动识别页面中的电话号码 -->
<meta name="format-detection" content="telephone=no">
<!-- 指定全屏模式 -->
<meta name="mobile-web-app-capable" content="yes">
<!-- 顶部状态栏背景色,除非你先使用apple-mobile-web-app-capable指定全屏模式,
否则这个meta标签不会起任何作用,如果content设置为default,则状态栏正常显示。
如果设置为blank,则状态栏会有一个黑色的背景。如果设置为blank-translucent,
则状态栏显示为黑色半透明。如果设置为default或blank,则页面显示在状态栏的下方,
即状态栏占据上方部分,页面占据下方部分,二者没有遮挡对方或被遮挡。
如果设置为blank-translucent,则页面会充满屏幕,其中页面顶部会被状态栏遮盖住
(会覆盖页面20px高度,而iphone4和itouch4的Retina屏幕为40px)。默认值是default。 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- 缓存设置 -->
<meta http-equiv="Pragma" content="no-cache">
<!-- 设置缓存 -->
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<!--以下是一堆iphone上的启动画面-->
<!-- 启动画面 -->
<link rel="apple-touch-startup-image" href="../img/feuille.png">
<!--浏览器选项卡icon和手机桌面icon-->
<link rel="icon" type="image/png" href="img/title_icon.png?max_age=2592000&ver=20160321">
<!-- 桌面图标,去掉默认光泽 -->
<link rel="apple-touch-icon-precomposed" href="../img/feuille.png"/>

相关文章

网友评论

      本文标题:meta标签和ipone下启动画面的link标签随笔

      本文链接:https://www.haomeiwen.com/subject/efrkjxtx.html