apple-mobile-web-app-capable
设置Web应用程序是否以全屏幕模式运行。
语法
<meta name="apple-mobile-web-app-capable" content="yes">
content :
-
yes,网站应用程序以全屏幕模式运行 no
window.navigator.standalone 获取是否以全屏运行
apple-mobile-web-app-status-bar-style
苹果移动网络应用状态栏样式
为Web应用程序设置状态栏的样式.
语法:
<meta name="apple-mobile-web-app-status-bar-style" content="black">
这个元标签没有效果,除非您首先指定苹果中描述的全屏模式apple-mobile-web-app-capable` .
content:
-
default默认值,状态栏正常模式,网站内容显示在状态栏下方 -
black,状态栏黑色背景,网站内容显示在状态栏下方 -
black-translucent,状态栏黑色半透明。网站内容显示在整个屏幕上,部分被状态栏所掩盖
uniapp底部tabbar高度异常解决方案
page{
height: 100vh;
}
启动图标
<link rel="apple-touch-icon" href="/static/logo.png"/>
<link rel="apple-touch-startup-image" href="/static/logo.png">
