60 lines
1.8 KiB
HTML
60 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
|
|
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
|
<title>页面走丢了</title>
|
|
<style type="text/css">
|
|
body{height:100%;width:100%;margin:0; padding:0; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;color: #333;}
|
|
img{ border:0;outline: none;}
|
|
body {
|
|
background: #33065b;
|
|
-moz-user-select: none;
|
|
-khtml-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.bg {
|
|
display: block;
|
|
height: auto;
|
|
width: 100%;
|
|
position: fixed;
|
|
bottom:0;
|
|
left: 0;
|
|
z-index: -1;
|
|
}
|
|
.title {
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
font-size: 1rem;
|
|
color: #fff;
|
|
margin-top: 4rem;
|
|
}
|
|
.content {
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
font-size: .625rem;
|
|
color:#fff;
|
|
margin-top:0.3rem;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
//px2rem
|
|
window.onresize = setHtmlFontSize
|
|
function setHtmlFontSize () {
|
|
const htmlWidth = document.documentElement.clientWidth || document.body.clientWidth
|
|
const htmlDom = document.getElementsByTagName('html')[0]
|
|
if(htmlWidth >= 500) htmlDom.style.fontSize = 500 / 10 + 'px'
|
|
else htmlDom.style.fontSize = htmlWidth / 10 + 'px'
|
|
}
|
|
setHtmlFontSize();
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<img class="bg" src="https://gss0.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/b7003af33a87e950544a28181f385343fbf2b461.jpg" alt="">
|
|
<div class="title">抱歉，</div>
|
|
<div class="content">您访问的页面不存在</div>
|
|
</body>
|
|
</html>
|