feat: 1. 修复部分浏览器滚动条css无效 (#270)

Co-authored-by: xing.huang <[email protected]>
ikuaitu · Sep 6, 2023 · dbb96a5 · dbb96a5
1 parent c8f6841
commit dbb96a5
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 13 deletions.
diff --git a/index.html b/index.html
@@ -10,12 +10,28 @@
 
 <head>
   <meta charset="UTF-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="renderer" content="webkit" />
+  <meta name="force-rendering" content="webkit" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta name="viewport" content="width=1000px,initial-scale=1.0" />
   <link rel="icon" href="<%- BASE_URL %>favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title><%- APP_TITLE %></title>
   <link rel="stylesheet" href="<%- APP_REPO %>font/<%- APP_FONT_CSS_FILE%>">
+  <style>
+    ::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+    ::-webkit-scrollbar-thumb {
+      border-radius: 8px;
+      background: rgba(0, 0, 0, 0.2);
+    }
+    ::-webkit-scrollbar-track {
+      border-radius: 0;
+      background: rgba(0, 0, 0, 0.1);
+    }
+  </style>
 </head>
 
 <body>

diff --git a/src/App.vue b/src/App.vue
@@ -15,16 +15,4 @@ svg {
 .vue-waterfall-easy-scroll {
   overflow: inherit !important;
 }
-*::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-*::-webkit-scrollbar-thumb {
-  border-radius: 8px;
-  background: rgba(0, 0, 0, 0.2);
-}
-*::-webkit-scrollbar-track {
-  border-radius: 0;
-  background: rgba(0, 0, 0, 0.1);
-}
 </style>