苹果特有的meta标签

官方文档

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">