移动端 meta 必备

时间:2023-05-15 20:53:14

将页面宽度到跟手机宽度比例相同,在手机上不能用手缩放

<meta name="viewport"  content="width=device-width",initial-scale=1, maximum-scale=1, user-scalable=no">

网站开启对 web app 程序的支持

<meta name="apple-mobile-web-app-capable"  content="yes">

改变顶部状态条的颜色

<meta name="apple-mobile-web-app-status-bar-style" content="black">

忽略页面中的数字识别为电话号码

<meta name="format-detection" content="telephone=no">

苹果 Web App icon

<link rel="apple-touch-icon-precomposed" href="xxx.png">

苹果 Web App 启动时界面

<link rel="apple-touch-startup-image" href="xxx.png">