使用更加友好的方式提示浏览器不兼容问题

2016-04-08 11:32:58 +08:00
parent 941fa8e5fc
commit 5423ac708a
7 changed files with 24 additions and 39 deletions
--- a/static/src/css/global.css
+++ b/static/src/css/global.css
@@ -89,4 +89,11 @@ pre, code {

 #user-data-text{
    display: block;
-}
+}
+
+#browser-unsupported{
+    padding: 15px 0;
+    background: #FBE3E4;
+    color: #8A1F11;
+    text-align: center;
+}
--- a/static/src/img/chrome.png
+++ b/static/src/img/chrome.png
--- a/static/src/img/firefox.png
+++ b/static/src/img/firefox.png
--- a/static/src/img/ie.png
+++ b/static/src/img/ie.png
--- a/static/src/img/unsupported_browser.html
+++ b/static/src/img/unsupported_browser.html
@@ -1,37 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-cn">
-<head>
-    <meta charset="UTF-8">
-    <title>不支持的浏览器</title>
-    <style>
-        body{
-            padding-top: 50px;;
-        }
-        div {
-            margin: 20px;
-            display: inline;
-        }
-    </style>
-</head>
-<body>
-很抱歉，我们无法完全兼容低版本的 IE 浏览器，您可以
-<a href="http://down.tech.sina.com.cn/page/40975.html">
-    <div>
-        <img src="/static/img/chrome.png">使用Chrome
-    </div>
-</a>
-<a href="https://www.mozilla.org/zh-CN/firefox/new/?scene=2#download-fx">
-    <div>
-        <img src="/static/img/firefox.png">使用FireFox
-    </div>
-</a>
-<a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
-
-    <div>
-        <img src="/static/img/ie.png">升级IE
-    </div>
-</a>
-
-
-</body>
-</html>