From d9621750f9aae7a27802d49164d346e326fb9b43 Mon Sep 17 00:00:00 2001 From: asundust Date: Thu, 10 Aug 2023 17:07:17 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=AF=B9Dark=20Reader?= =?UTF-8?q?=E7=9A=84=E5=85=BC=E5=AE=B9=20#3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/css/style.css | 19 ++++++++++++++----- web/index.html | 8 +++++--- 2 files changed, 19 insertions(+), 8 deletions(-) diff --git a/web/css/style.css b/web/css/style.css index 10bda83..4e5819c 100755 --- a/web/css/style.css +++ b/web/css/style.css @@ -3315,9 +3315,7 @@ body { /*background-size:cover; background: url(../img/background.jpg) no-repeat; background-attachment: fixed;*/ - background: -webkit-linear-gradient(315deg, #00C4FF, #9D1BB2) no-repeat fixed; background: linear-gradient(135deg, #00C4FF, #9D1BB2) no-repeat fixed; - overflow: hidden; font-family: 'Helvetica Neue', 'Microsoft Yahei', SimHei, sans-serif } @@ -3799,23 +3797,29 @@ ul li a strong { @media screen and (min-width: 1200px) { #wrap { width: 1024px; - height: 900px + height: 100vh; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #wrap { - width: 1024px + width: 1024px; + height: 100vh; } } @media screen and (min-width: 768px) and (max-width: 959px) { #wrap { - width: 750px + width: 750px; + height: 100vh; } } @media only screen and (min-width: 480px) and (max-width: 767px) { + #wrap { + width: 550px; + height: 100vh; + } .app ul li a img { width: 96px; height: 96px @@ -3828,6 +3832,11 @@ ul li a strong { } @media only screen and (max-width: 479px) { + #wrap { + width: 400px; + height: 100vh; + } + .t op { position: relative; top: 50px; diff --git a/web/index.html b/web/index.html index 9bf1057..5a18b3e 100755 --- a/web/index.html +++ b/web/index.html @@ -18,7 +18,6 @@ /*背景图设置,设置路径在"css/style.css"下的3315行开始,默认关闭*/ /*也可以直接打开下面注释直接覆盖原生的渐变色背景,建议打开背景图之后注释原生的3318和3319行渐变色背景样式*/ body { - overflow: auto; /*background-size: cover;*/ /*background: url(img/background.jpg) no-repeat fixed center top;*/ } @@ -61,6 +60,9 @@ div ul li { width: 33.33%; } + body { + overflow: auto; + } } @media only screen and (min-width: 350px) and (max-width: 479px) { @@ -71,8 +73,8 @@ -
- +
+