From 66e35dc502a8a29c7cf578e6cca0932d8f08f4b1 Mon Sep 17 00:00:00 2001 From: ljt990218 <2511590093@qq.com> Date: Fri, 19 Apr 2024 01:53:00 +0800 Subject: [PATCH 1/3] style: Layout optimization --- src/styles/app.less | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/styles/app.less b/src/styles/app.less index c5d55e84..cbd05348 100644 --- a/src/styles/app.less +++ b/src/styles/app.less @@ -14,12 +14,8 @@ html.dark { color-scheme: dark; } -body { - overflow: hidden; -} - #app { - height: 100vh; + height: 100dvh; position: relative; overflow-x: hidden; } From c6f28e61a4790a5d219c06fa2ecf61d0b99dcf3f Mon Sep 17 00:00:00 2001 From: ljt990218 <2511590093@qq.com> Date: Fri, 19 Apr 2024 02:00:00 +0800 Subject: [PATCH 2/3] style: Layout optimization --- src/styles/app.less | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/styles/app.less b/src/styles/app.less index cbd05348..d8c76ba9 100644 --- a/src/styles/app.less +++ b/src/styles/app.less @@ -14,7 +14,12 @@ html.dark { color-scheme: dark; } +body{ + overflow: hidden; +} + #app { + height: 100vh; height: 100dvh; position: relative; overflow-x: hidden; From 18e413ea7d7c967be975388877172b58474e42a8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Charlie=20Wang=20=E2=9C=A8?= <18888351756@163.com> Date: Fri, 19 Apr 2024 11:04:14 +0800 Subject: [PATCH 3/3] chore: Add a description for the dvh units --- src/styles/app.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/styles/app.less b/src/styles/app.less index d8c76ba9..61ff1b18 100644 --- a/src/styles/app.less +++ b/src/styles/app.less @@ -14,12 +14,13 @@ html.dark { color-scheme: dark; } -body{ +body { overflow: hidden; } #app { height: 100vh; + // Dynamic Viewport Units height: 100dvh; position: relative; overflow-x: hidden;