继昨晚的帖子,找到的适配方案
# 网站图标
<link rel="apple-touch-icon" sizes="180x180" href="favicon.png">
# 伪装APP
<meta name ="apple-mobile-web-app-capable" content="yes">
# 自定义ios状态栏颜色
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#151515" media="(prefers-color-scheme: dark)">
网站图标还可以细化,针对平板手机啥的设置不同大小。我没 iPad 也没 Mac,所以懒得研究,目前手机能用。只是简单搞一下,完全不懂,专业大佬勿喷。
如果网站只有白色主题,想固定颜色,不受设备的系统主题影响,也可以不加 media。
<meta name="theme-color" content="#ffffff">