适配加大

master
chenzhi 5 years ago
parent 92942cb7f5
commit 866fb4c290

@ -17,19 +17,39 @@
max-width: 6rem;
list-style-type:disc;
}
.safari_box{
height: 100vh;background:rgba(41,41,41,.8);position:fixed;z-index:9999;top: 0px;width: 100%;display: none;
}
.safari_box .content{
line-height: 1;color: #fff;width: 100%;text-align: center;font-size: .36rem;position: absolute;top:2.05rem;
}
.safari_box .content img{
position: absolute;width: 1rem;height: .8rem;right: .57rem;top:-.5rem;
}
.safari_box .safari_box_alert{
top:3.5rem;position:absolute;width: 6.3rem;left: 50%;margin-left: -3.2rem;
}
.safari_box .safari_box_alert .alert_title{
background:url('__IMG__/ssg/home/alertbg.png') no-repeat top center/cover;height: 2.8rem;width: 6.3rem;position: relative;
}
.safari_box .safari_box_alert .alert_title .alert_title_close{
width: .3rem;height: .3rem;position: absolute;left: .3rem;top: .3rem;
}
.safari_box .safari_box_alert .alert_title .alert_title_safari{
width:1.5rem;height: 1.5rem;position: absolute;left: .79rem;top:.75rem;
}
</style>
</head>
<body>
<div id="safari_box" style="height: 100vh;background:rgba(41,41,41,.8);position:fixed;z-index:9999;top: 0px;width: 100%;display: none;">
<div style="line-height: 1;color: #fff;width: 100%;text-align: center;font-size: .36rem;position: absolute;top:2.05rem;">
请选择在“Safari”中打开 <img src="__IMG__/ssg/home/jt.png" style="position: absolute;width: 1rem;height: .8rem;right: .57rem;top:-.5rem;">
<div id="safari_box" class="safari_box">
<div class="content">
请选择在“Safari”中打开 <img src="__IMG__/ssg/home/jt.png">
</div>
<div style="top:3.5rem;position:absolute;width: 6.3rem;left: 50%;margin-left: -3.2rem;">
<div style="background:url('__IMG__/ssg/home/alertbg.png') no-repeat top center/cover;height: 2.8rem;width: 6.3rem;position: relative;">
<img onclick="closeSafari()" src="__IMG__/ssg/home/close.png" style="width: .3rem;height: .3rem;position: absolute;left: .3rem;top: .3rem;">
<img src="__IMG__/ssg/home/safari.png" style="width:1.5rem;height: 1.5rem;position: absolute;left: .79rem;top:.75rem;">
<div class="safari_box_alert">
<div class="alert_title">
<img class="alert_title_close" onclick="closeSafari()" src="__IMG__/ssg/home/close.png">
<img class="alert_title_safari" src="__IMG__/ssg/home/safari.png">
<div style="width:3.5rem;height: .79rem;font-size: .34rem;left: 2.5rem;position: absolute;top:1rem;color:#fff;">
该链接只支持<text style="color:yellow">Safari</text>
<br/>

@ -1 +1 @@
!function(e){var t=e.document,n=t.documentElement,i="orientationchange"in e?"orientationchange":"resize",a=function e(){var t=n.getBoundingClientRect().width;return n.style.fontSize=5*Math.max(Math.min(t/750*20,11.2),8.55)+"px",e}();n.setAttribute("data-dpr",e.navigator.appVersion.match(/iphone/gi)?e.devicePixelRatio:1),/iP(hone|od|ad)/.test(e.navigator.userAgent)&&(t.documentElement.classList.add("ios"),parseInt(e.navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/)[1],10)>=8&&t.documentElement.classList.add("hairline")),t.addEventListener&&(e.addEventListener(i,a,!1),t.addEventListener("DOMContentLoaded",a,!1))}(window);
!function(e){var t=e.document,n=t.documentElement,i="orientationchange"in e?"orientationchange":"resize",a=function e(){var t=n.getBoundingClientRect().width;return n.style.fontSize=5*Math.max(Math.min(t/1500*20,22.4),17)+"px",e}();n.setAttribute("data-dpr",e.navigator.appVersion.match(/iphone/gi)?e.devicePixelRatio:1),/iP(hone|od|ad)/.test(e.navigator.userAgent)&&(t.documentElement.classList.add("ios"),parseInt(e.navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/)[1],10)>=8&&t.documentElement.classList.add("hairline")),t.addEventListener&&(e.addEventListener(i,a,!1),t.addEventListener("DOMContentLoaded",a,!1))}(window);
Loading…
Cancel
Save