CINXE.COM
404页面
<!doctype html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>404页面</title> <style type="text/css"> body{font-size:12px;background:#fafafa;font-family:"Lantinghei SC","Helvetica Neue","Microsoft YaHei","WenQuanYi Micro Hei","Heiti SC","Segoe UI",Arial,sans-serif} body,h1,h2,h3,h4,h5,p,ul,li{padding:0;margin:0;list-style:none} .kaicz_404{padding-top:80px;padding-bottom:112px} .container{width:100%;padding:80px 0;margin-right:auto;margin-left:auto} .kaicz_404 img{display:block;margin:auto} .kaicz_404 h2{font-size:32px;color:#333333;text-align:center;letter-spacing:5px;padding-top:33px;padding-bottom:25px} .kaicz_404 p{font-size:14px;color:#666666;letter-spacing:1px;text-align:center;padding-bottom:35px} .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px} .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4} .btn_blue{display:inline-block;height:56px;line-height:56px;text-align:center;border-radius:3px;background:#0052d0;color:#fff;letter-spacing:5px;border:0;font-size:18px;padding:0;text-decoration:none;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-property:background;transition-property:background} .kaicz_404 a{display:block;margin:auto;width:220px;height:56px} /*各分辨率手机屏幕自适应，可以根据实际需要，增加适应屏幕*/ @media all and (min-width:320px) { .kaicz_404 img{width:90%; margin:0 auto;} .kaicz_404 h2{font-size:22px;} } @media all and (min-width:360px) { .kaicz_404 img{width:90%; margin:0 auto;} .kaicz_404 h2{font-size:22px;} } @media all and (min-width:480px) { .kaicz_404 img{width:90%; margin:0 auto;} .kaicz_404 h2{font-size:22px;} } @media all and (min-width:540px) { .kaicz_404 img{width:90%; margin:0 auto;} .kaicz_404 h2{font-size:22px;} } @media all and (min-width:640px) { .kaicz_404 img{width:auto; margin:0 auto;} .kaicz_404 h2{font-size:32px;} } </style> </head> <body> <div class="kaicz_404 container"> <img src="//filecdn.qkk.cn/skin/images/404.gif"> <h2>抱歉，您访问的页面出错了</h2> <p>您可能输错了网址，或该网页已删除或不存在</p> <a href="/" class="btn btn-primary btn_blue">返回主页</a> </div> </body> </html>