实现唤起手机APP应用,如果本地没有则跳转到下载地址
https://blog.csdn.net/caimingxian401/article/details/83379929
代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<title>啦扑</title> <style>
@media screen and (min- 900px) {
body {
900px;
}
}
body {
margin: 0 auto;
padding: 0;
overflow-x: hidden;
min-height: 100vh;
}
.title_togo {
margin: 0 auto;
23%;
animation: alternate logo_show 3s;
}
@keyframes logo_show {
0% {
opacity: 0;
}
100% {
opacity: 100;
}
}
.title_togo img {
/* 3.2rem;
margin-top: 100%;
100%;*/
margin-top: -10%;
margin-left: -60%;
100%;
}
.ewg_title_box {
margin: auto 0;
}
.ewg_title_box p {
font-size: .6rem;
font-family: PingFang-SC-Medium;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0;
transition: 1s;
animation: font linear 1s;
-moz-animation: font linear 1s;
/* Firefox */
-webkit-animation: font linear 1s;
/* Safari and Chrome */
-o-animation: font 1s;
/* Opera */
font-size: .6rem;
font-family: PingFang SC;
font-weight: bold;
color: rgba(65, 53, 94, 1);
text-align: center;
line-height: 1.6rem;
margin: .3rem 0;
}
@keyframes font {
0% {
/*left: -15rem;*/
opacity: 0;
transform: translate3d(0, 3rem,